https://github.com/gvanderest/react-starter
Starter Template for TypeScript, ReactJS, Redux, and a few other bells and whistles
https://github.com/gvanderest/react-starter
jest lesscss react redux redux-thunk typescript webpack
Last synced: about 1 month ago
JSON representation
Starter Template for TypeScript, ReactJS, Redux, and a few other bells and whistles
- Host: GitHub
- URL: https://github.com/gvanderest/react-starter
- Owner: gvanderest
- License: mit
- Created: 2018-10-07T05:52:22.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-10T05:31:54.000Z (over 7 years ago)
- Last Synced: 2025-10-20T15:23:03.123Z (5 months ago)
- Topics: jest, lesscss, react, redux, redux-thunk, typescript, webpack
- Language: TypeScript
- Size: 43 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Starter
Just a quick starter pack for working on projects.
## Workflow
1. Checkout the code.
```shell
git checkout git@github.com:gvanderest/react-starter.git
```
2. Install the dependencies with your package manager of choice.
```shell
$ yarn
# or use `npm install`
```
3. Start developing locally.
```shell
yarn local
```
4. Run the unit tests or lint the code.
```shell
yarn test
yarn lint
```
Make sure that everything's running tip-top with Jest.
5. Build a deployment.
```shell
yarn release
```
This will export production-ready code to the `release/` folder.
## Features
### Programming
* TypeScript
* React
* Redux
### Styling
* LESS
* Loading Images via `import`
### Unit Testing
* Jest
* Coverage Reporting
### Optimizations
* Uglified CSS/JS
* Bundle Analyzer on port 8888 during development mode
* Source maps
* Optimizing Images
## Next
* Redux Thunk
* Internationalization
* Sentry.io integration
* React Router
* Options for hashRouter or browserRouter
* Webworkers?
* Integration with Bulma or Bootstrap frameworks
* Additional plugin integrations
* Chunking
* Copying static assets
* DllPlugin for performance
* Circular dependency detection
* More: https://github.com/webpack-contrib/awesome-webpack#webpack-plugins