Skip to main content

CRA ↔ CRAp Scaffolding Dev tool to gen new React project with app skeleton & Boilerplate

aka CRA, create-react-app, Create-React-App

app skeleton

Boilerplate​

verbose repetitive Code snippets, to be obselete by AI..!

Local Dev Server

CRA NPM Commands

[<span data-tooltip-id="preview__mGLcrjNraB3LMqyLC">CRA</span>](cra) Templates

Pros of CRA: Simplify, Upgradable/Customizable & Community Templates

Cons of CRA: Less understanding (under-hood), Less control (over sub-components) & No server-side integration

References​

  1. npm run eject ↔ to remove CRA tool & expose project guts, for more config, copy build deps, config files & scripts into app dir.

  2. esbuild-loader ↔ add this to every CRA project to fix the painful ass speed build times of Webpack!

  3. yarn create react-app ↔ yarn to init new CRA App