React · Theory

create-react-app

Theory

5/94

create-react-app

create-react-app (CRA) was the official beginner tool: npx create-react-app my-app, webpack already wired, npm start. A whole generation learned React this way. That history is fair to mention.

CRA is not what you pick for a new app now. Slow boot, outdated defaults, no official maintenance path. Say: ‘I know CRA. I would scaffold with Vite (or Next) today.’ That sounds like someone who reads release notes, not a 2018 PDF.

create-react-app — output — old CRA command, new Vite command, why. Don’t start a 2026 project on CRA.

Exam tip

Know CRA. Don’t start new apps on it.

Example

// CRA vs Vite
console.log("old: npx create-react-app shop");
console.log("now: npm create vite@latest shop -- --template react");
console.log("why : CRA is unmaintained for new apps");

create-react-app — output: old CRA command, new Vite command, why. Don’t start a 2026 project on CRA.

Short notes

DefOld official scaffolder.
Was : webpack + npm start.
Now : Vite / Next instead.

React · Theory

create-react-app

← All stacks

Theory

5/94

create-react-app

create-react-app (CRA) was the official beginner tool: npx create-react-app my-app, webpack already wired, npm start. A whole generation learned React this way. That history is fair to mention.

create-react-app — output — old CRA command, new Vite command, why. Don’t start a 2026 project on CRA.

Exam tip

Know CRA. Don’t start new apps on it.

Example

// CRA vs Vite
console.log("old: npx create-react-app shop");
console.log("now: npm create vite@latest shop -- --template react");
console.log("why : CRA is unmaintained for new apps");

create-react-app — output: old CRA command, new Vite command, why. Don’t start a 2026 project on CRA.

Short notes

DefOld official scaffolder.
Was : webpack + npm start.
Now : Vite / Next instead.

create-react-app

Example

Short notes

Questions

create-react-app

Example

Short notes

Questions