https://github.com/meemaw/react-redux-typescript-boilerplate

Opinionated react-redux-typescript-boilerplate with focus on best practices and painless developer experience.
https://github.com/meemaw/react-redux-typescript-boilerplate

react react-testing-library redux testcafe typescript

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/meemaw/react-redux-typescript-boilerplate
• Owner: Meemaw
• License: mit
• Created: 2018-09-16T18:11:25.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-15T23:35:47.000Z (about 2 years ago)
• Last Synced: 2024-11-20T14:52:19.092Z (about 2 months ago)
• Topics: react, react-testing-library, redux, testcafe, typescript
• Language: TypeScript
• Homepage:
• Size: 8.72 MB
• Stars: 22
• Watchers: 3
• Forks: 6
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  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](https://github.com/facebook/create-react-app).

# Features

- State Management with [Redux Toolkit](https://redux-toolkit.js.org/)

- Linting with [prettier](https://github.com/prettier/prettier) and [eslint](https://eslint.org/)

- Up to date [Storybook](https://meemaw.github.io/react-redux-typescript-boilerplate)

- [Docker](https://www.docker.com/) support

- Code splitting with [React Suspense](https://reactjs.org/docs/code-splitting.html)

- CI integration with [Github Actions](https://github.com/actions)

- Unit testing with [Jest](https://jestjs.io/) and [RTL](https://testing-library.com/docs/react-testing-library/intro)

- E2E testing with [Testcafe](https://devexpress.github.io/testcafe/)

# Getting started

## Locally

```sh

➜ 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

```sh

➜ 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

```