An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
An enterprise react template application showcasing - Testing strategies, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading, and Continuous integration & deployment.
Install dependencies using yarn install
Run the initialize script using yarn run initialize
Start the dev server using yarn start
Go through the other scripts in package.json
Global state management using Redux Sauce
Take a look at the following files
Computing and getting state from the redux store using Reselect
Take a look at the following files
Side effects using Redux Saga
Take a look at the following files
API calls using Api Sauce
Take a look at the following files
Styling components using Emotion
Take a look at the following files
Reusing components from Material UI
Take a look at the following files
Translations using Lingui
Take a look at the following files
Routing is done using React Router
Take a look at the following files
Storybooks allows you to work on one component at a time. You can develop entire UIs without needing to start up a complex dev stack, force certain data into your database, or navigate around your application.
yarn storybook
Take a look at the following files
Accessbility testing is done using a11y addon.
Take a look at the following files
Run all the accessbility tests using
yarn test-storybook
Run single test file by specifying path
yarn test-storybook <path to file>
For the documentation take a look at: Accessbility test
We're using and configuring webpack to bundle our React application.
Take a look at the following files
The size of the bundle is analyzed using the webpack-bundle-analyzer to make sure that the bundle is lean and optimized.
Take a look at the following files
CI/CD using Github Actions. The CI pipeline has the following phases
The CD pipeline has the following phases
Take a look at the following files
Testing is done using the @testing-library/react.
Take a look at the following files
End to End testing is done using playwright.
Take a look at the following files
Run all End to End tests using
yarn test:e2e
Run single test file by specifying path
yarn test:e2e <path to file>
For the documentation take a look at: playwright
yarn generate
For the documentation take a look at: react-floki
Take a look at the following files
Take a look at the following files
Take a look at the following files