Awesome Open Source
Awesome Open Source

create-react-app-material-typescript-redux derived from Create React App example with Material-UI, TypeScript, Redux and Routing

Made with our new CLI Tool react-factory for choosing the optional features and configure our individual setup.

example

Inspired by:

Contains

Optional:

  • [ ] Cypress-Tests-Environment
  • [ ] Firebase-Integration
  • [ ] Github Actions (cypress-test, build-and-deploy to firebase)
  • [ ] Snackbars
  • [ ] Subfolder Library
  • [ ] Service Worker
  • [ ] PolyFills (IE11)

How to use

We made a CLI Tool react-factory to include more options.

example

First install Yeoman and the CLI Tool:

npm install -g yo
npm install -g generator-react-factory

Then generate your new project:

yo react-factory

Enable Prettier [OPTIONAL]

  1. Step: Install the Prettier plugin (e.g. the one of Esben Petersen)
  2. Add the following snippet to your settings in VSCode:
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
       "source.organizeImports": true // optional
   },

Enable project snippets [OPTIONAL]

Just install following extension:

Project Snippet

After that you can start to type fcomp (for function component) and you get a template for a new component.

Project Snippet Project Snippet

The idea behind the example

This example demonstrate how you can use Create React App with TypeScript.

Contributors

Powered by innFactory


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (252,294
Reactjs (72,763
Redux (13,072
Template (7,747
Boilerplate (5,529
Material Ui (3,496
Pwa (3,258
React Router (3,256
Material (1,572
Starter (1,240
Progressive Web App (921
Related Projects