React material material-ui starter Boilerplate template react-router PWA TypeScript Redux
Need help with create-react-app-material-typescript-redux?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
innFactory

Description

A ready to use boilerplate for starting big react projects

238 Stars 68 Forks MIT License 96 Commits 6 Opened issues

Services available

Need anything else?

Create React App example with Material-UI, TypeScript, Redux and Routing

This is a new version with React Hooks, Material-UI 4 and React-Redux 7 (with hooks!). We use this template for all our new projects. If you want to bootstrap a project with the classic approach without hooks but with class components, you are welcome to use the previous version.

example

Inspired by:

Contains

Roadmap

  • [x] Make function based components and use hooks for state etc.
  • [x] Implement Material-UIs new styling solution based on hooks
  • [x] use react-redux hooks
  • [ ] Hot Reloading -> Waiting for official support of react-scripts

How to use

Download or clone this repo

git clone https://github.com/innFactory/create-react-app-material-typescript-redux
cd create-react-app-material-typescript-redux

Install it and run:

npm i
npm start

Enable PWA ServiceWorker [OPTIONAL]

Just comment in the following line in the

index.tsx
:
// registerServiceWorker();

to

registerServiceWorker();

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.