This template is designed to be used together with our custom react-scripts. It provides an opinionated boilerplate and library choices.
npx
npx create-react-app my-app --scripts-version @mediamonks/react-scripts --template @mediamonks/standardyarn
yarn create react-app my-app --scripts-version @mediamonks/react-scripts --template @mediamonks/standard| Addition | Reasoning |
|---|---|
| Cypress | A modern E2E testing tool, essential for larger projects which have lots of moving parts |
| polyfill splitting | Modern browsers are used by at least 90% of our general user base. In order to decrease loading times for these users, we load the polyfills only for browsers which need them. The polyfill chunk will only be loaded via <script nomodule .../>. |
TYPE_CHECK env |
There exist cases where we don't want webpack to constantly typecheck and alert us to typing errors/warnings. By default this flag is enabled and can be disabled by creating a .env file in the root of the project and adding TYPE_CHECK=false |
| Change | Reasoning |
|---|---|
| MediaMonks eslint | The existing eslint setup was changed with the MM version, in order to maintain the same standards across different projects and to make it easier to set up new ones. |
start renamed to dev |
Again, this change was made in order to maintain cohesion between all of our projects. |
This repository is "forked" from cra-template and the base template contains the essential barebones of the template also used here. In order to sync changes from the base, make sure to add it as a remote.
# clone
git clone [email protected]:mediamonks/cra-template-standard.git
# add upstream
git remote add upstream [email protected]:mediamonks/cra-template.git