React Redux Typescript Boilerplate

Opinionated react-redux-typescript-boilerplate with focus on best practices and painless developer experience.

This project was bootstrapped with Create React App.

Features

• State Management with Redux Toolkit
• Linting with prettier and eslint
• Up to date Storybook
• Docker support
• Code splitting with React Suspense
• CI integration with Github Actions
• Unit testing with Jest and RTL
• E2E testing with Testcafe

Getting started

Locally

➜ yarn install                              // install dependencies
➜ yarn start                                // start the app
➜ yarn build                                // build the app
➜ yarn test                                 // run unit tests
➜ yarn test:e2e                             // run e2e tests

Docker

➜ docker build . -t react:app                                                            // build the react docker image
➜ docker run -it -p 3000:3000 react:app                                                  // runs react app on port 3000
➜ docker container run -it -p 3000:3000 -p 35729:35729 -v $(pwd):/app react:app          // runs react app with hot realoding
➜ docker container run -it -v $(pwd):/app react:app test                                 // runs tests inside docker