yarn start- Will start the webpack dev server for development.yarn build- Will bundle the production dist in thedistfolder.yarn coverage- Will run the tests and open the generated coverage report.yarn test- Will run all the tests.yarn test --watchor(npm test -- --watch)- Will run tests in watch mode.yarn test -uor(npm test -- -u)- Will update the jest snapshots.
- We will use yarn as our package manager for the frontend. (We do not want to manage both package-lock.json and yarn.lock). So please DO NOT do npm install.
- Source maps are included in development mode only.
- Webpack bundle analyzer starts at http://127.0.0.1:8888 in development mode - You can view how much size a module adds to the bundle by going here. Whenever you do
yarn installdo open this link to see what is the cost of adding that module.
- For styling we will be using styled-components https://www.styled-components.com/
- For variables we will be using CSS variables https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables Check the
styles/variables.js