@mediamonks/cra-template NPM

Base MM Create React App Template

Usage

This template is designed to be used together with our custom react-scripts. It is meant to provide only the basic utilities and configuration of commonly used MM tools.

npx

npx create-react-app my-app --scripts-version @mediamonks/react-scripts --template @mediamonks

yarn

yarn create react-app my-app --scripts-version @mediamonks/react-scripts --template @mediamonks

Differences to CRA

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.