Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/innFactory/create-react-app-material-typescript-redux
A ready to use boilerplate for starting big react projects
https://github.com/innFactory/create-react-app-material-typescript-redux
boilerplate material material-ui progressive-web-app pwa pwa-boilerplate react react-router redux starter template typescript
Last synced: 3 months ago
JSON representation
A ready to use boilerplate for starting big react projects
- Host: GitHub
- URL: https://github.com/innFactory/create-react-app-material-typescript-redux
- Owner: innFactory
- License: mit
- Created: 2018-01-28T21:43:21.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2021-02-21T13:07:14.000Z (over 3 years ago)
- Last Synced: 2024-04-16T06:40:21.860Z (7 months ago)
- Topics: boilerplate, material, material-ui, progressive-web-app, pwa, pwa-boilerplate, react, react-router, redux, starter, template, typescript
- Language: TypeScript
- Homepage:
- Size: 2.29 MB
- Stars: 288
- Watchers: 20
- Forks: 75
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-material-ui - Create-react-app-material-typescript-redux - A ready to use boilerplate for starting big react projects. (Boilerplates)
README
# 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](https://github.com/innFactory/react-factory) for choosing the optional features and configure our individual setup.
Inspired by:
- [Material-UI](https://github.com/mui-org/material-ui)
- [react-redux-typescript-boilerplate](https://github.com/rokoroku/react-redux-typescript-boilerplate)
## Contains
- [x] [Material-UI](https://github.com/mui-org/material-ui)
- [x] [Typescript](https://www.typescriptlang.org/)
- [x] [React](https://facebook.github.io/react/)
- [x] [Redux](https://github.com/reactjs/redux)
- [x] [Redux-Thunk](https://github.com/gaearon/redux-thunk)
- [x] [Redux-Persist](https://github.com/rt2zz/redux-persist)
- [x] [React Router](https://github.com/ReactTraining/react-router)
- [x] [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension)
- [x] [TodoMVC example](http://todomvc.com)
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](https://github.com/innFactory/react-factory) to include more options.
First install [Yeoman](http://yeoman.io) and the CLI Tool:
```bash
npm install -g yo
npm install -g generator-react-factory
```
Then generate your new project:
```bash
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:
```json
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.organizeImports": true // optional
},
```
## Enable project snippets [OPTIONAL]
Just install following extension:
After that you can start to type `fcomp` (_for function component_) and you get a template for a new component.
## The idea behind the example
This example demonstrate how you can use [Create React App](https://github.com/facebookincubator/create-react-app) with [TypeScript](https://github.com/Microsoft/TypeScript).
## Contributors
- [Anton Spöck](https://github.com/spoeck)
Powered by [innFactory](https://innfactory.de/)