create-react-app
Advanced tools
create-react-app is a command-line tool that allows you to create a new React application with a single command. It sets up a modern web development environment with no configuration needed, providing a solid foundation for building React applications.
Project Initialization
This command initializes a new React project in a directory called 'my-app'. It sets up the project structure, installs dependencies, and configures the build tools.
npx create-react-app my-appDevelopment Server
This command starts a development server that serves your React application. It supports hot reloading, so changes to your code are reflected in the browser without needing a full page refresh.
npm startBuild for Production
This command creates an optimized production build of your React application. It bundles the code, minifies it, and prepares it for deployment.
npm run buildRunning Tests
This command runs the test suite for your React application using Jest. It watches for changes and re-runs tests automatically.
npm testEjecting
This command ejects the configuration files from create-react-app, allowing you to customize the build setup. This is a one-way operation and is not recommended unless you need to make advanced customizations.
npm run ejectVite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It offers a similar zero-config setup for React applications but is known for its faster build times and hot module replacement.
Next.js is a React framework that provides a hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. It is more feature-rich compared to create-react-app and is suitable for building both static websites and server-rendered applications.
Parcel is a web application bundler that offers a zero-configuration setup similar to create-react-app. It is known for its fast performance and simplicity, making it a good alternative for small to medium-sized projects.
This package includes the global command for Create React App.
Please refer to its documentation:
5.0.1 (2022-04-12)
Create React App 5.0.1 is a maintenance release that improves compatibility with React 18. We've also updated our templates to use createRoot and relaxed our check for older versions of Create React App.
Inside any created project that has not been ejected, run:
npm install --save --save-exact react-scripts@5.0.1
or
yarn add --exact react-scripts@5.0.1
react-scripts
create-react-app
react-dev-utils
cra-template-typescript, cra-template, react-scripts
createRoot (@kyletsang)cra-template-typescript, cra-template
eslint-config-react-app
FAQs
Create React apps with no build configuration.
The npm package create-react-app receives a total of 115,422 weekly downloads. As such, create-react-app popularity was classified as popular.
We found that create-react-app demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.