easyFrontend

What is `create-react-app` and when would you use it?

Q: What is `create-react-app` and when would you use it?

**Core concept (TL;DR).** Create React App (CRA) was the official **zero-config** CLI for scaffolding a single-page React app — Webpack, Babel, ESLint, and a dev server preconfigured so you could start without setup. It's now **deprecated/unmaintained**; the React team recommends a **framework** (Next.js) or **Vite** for new projects. CRA: easy start, now superseded create-react-app <text x="135" y="

121 views

Understand the problem

Describe create-react-app's function and its utility for starting new React projects.

toolingsetupcreate-react-appstarter kit

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

Read the code

Scaffolding then vs now

// Legacy (deprecated):
//   npx create-react-app my-app
//   cd my-app && npm start
//
// Modern SPA with Vite:
//   npm create vite@latest my-app -- --template react
//   cd my-app && npm install && npm run dev
//
// Full framework (routing, SSR, data) with Next.js:
//   npx create-next-app@latest my-app

export default function App() {
  return <p style={{ fontFamily: "system-ui", padding: 24 }}>Scaffolded app entry</p>;
}

Join the discussion

Discussion (0)

No responses yet. Be the first to share what you think.

What is the role of a bundler like Webpack in a React project?

What is the purpose of the cleanup function in useEffect?