# create-react-app | Meta | Knowledge Base | Instagit

Set up a modern web app by running one command.

GitHub Stars: 104k

Repository: https://github.com/facebook/create-react-app

---

## Articles

### [What Is WorkboxWebpackPlugin and How Does Offline Caching Work in Create React App?](/facebook/create-react-app/what-is-workboxwebpackplugin-and-how-does-offline-caching-work-in-cra)

Learn how WorkboxWebpackPlugin enables offline caching in Create React App. Discover how to precache assets for faster load times and an enhanced user experience.

- Tags: deep-dive
- Published: 2026-02-26

### [How Image and Asset Loading Works in Create React App](/facebook/create-react-app/how-does-image-and-asset-loading-work-in-create-react-app)

Discover how Create React App handles image and asset loading using webpack. Optimize your app's performance with efficient URL generation and learn about the public folder for static files.

- Tags: internals
- Published: 2026-02-26

### [What Is ForkTsCheckerWebpackPlugin and How It Works in Create React App](/facebook/create-react-app/what-is-forktscheckerwebpackplugin-and-how-does-it-function-in-cra)

Learn how ForkTsCheckerWebpackPlugin enhances Create React App by running TypeScript type-checking in a separate process for faster builds and accurate error reporting.

- Tags: internals
- Published: 2026-02-26

### [How the CRA Development Server Handles Browser Refresh on Errors](/facebook/create-react-app/how-does-the-cra-development-server-handle-browser-refresh-on-errors)

Discover how the CRA development server manages browser refreshes on errors. Learn about Webpack dev-server client, WebSockets, HMR, and full reloads for a smoother development experience.

- Tags: internals
- Published: 2026-02-26

### [What Is ModuleScopePlugin in Create React App and How Does It Restrict Imports?](/facebook/create-react-app/what-is-modulescopeplugin-in-cra-and-what-does-it-restrict)

Understand ModuleScopePlugin in Create React App. Learn how this Webpack plugin restricts imports to the src directory, enforcing project boundaries and improving code organization.

- Tags: internals
- Published: 2026-02-26

### [How to Use TypeScript with Create React App: A Complete Guide](/facebook/create-react-app/how-do-i-use-typescript-with-create-react-app)

Learn how to use TypeScript with Create React App easily. This guide covers setup and configuration for efficient React development with strong typing.

- Tags: how-to-guide
- Published: 2026-02-26

### [What Polyfills Are Included in react-app-polyfill?](/facebook/create-react-app/what-polyfills-are-included-in-react-app-polyfill)

Discover the JavaScript polyfills in react-app-polyfill for IE9, IE11, and modern browsers. Learn about Promise, fetch, Object.assign, and more.

- Tags: internals
- Published: 2026-02-26

### [How the Test Runner Works with Jest in Create React App: A Deep Dive into react-scripts](/facebook/create-react-app/how-does-the-test-runner-work-with-jest-in-create-react-app)

Understand how `react-scripts test` integrates Jest in Create React App. Learn about Jest configuration and watch mode for seamless testing within your projects.

- Tags: deep-dive
- Published: 2026-02-26

### [Create React App Template System: How to Build and Use Custom Templates](/facebook/create-react-app/what-is-the-create-react-app-template-system-and-how-do-i-create-custom-templates)

Learn to create and use custom Create React App templates. Build your own reusable project structures by leveraging the CRA template system and its template json configuration.

- Tags: how-to-guide
- Published: 2026-02-26

### [How to Configure ESLint Rules in Create React App Without Ejecting](/facebook/create-react-app/how-do-i-configure-eslint-rules-in-create-react-app-without-ejecting)

Learn how to configure ESLint rules in Create React App without ejecting. Customize ESLint by extending the default preset in your package.json for seamless rule adjustments.

- Tags: how-to-guide
- Published: 2026-02-26

### [How Service Worker Registration Works for PWAs in Create React App](/facebook/create-react-app/how-does-the-service-worker-registration-work-for-pwas-in-cra)

Discover how service worker registration works in Create React App. Learn to easily opt-in and manage your PWA's offline capabilities with the serviceWorkerRegistration JS helper.

- Tags: internals
- Published: 2026-02-26

### [Create React App Development and Production Builds: Key Differences Explained](/facebook/create-react-app/what-is-the-difference-between-create-react-app-development-and-production-builds)

Understand Create React App development vs production builds. Learn how development focuses on speed and debugging, while production optimizes performance with minification and code splitting.

- Tags: deep-dive
- Published: 2026-02-26

### [How to Add Custom Webpack Configuration to Create React App Without Ejecting](/facebook/create-react-app/how-can-i-add-custom-webpack-configuration-to-create-react-app-without-ejecting)

Learn how to add custom Webpack configuration to Create React App without ejecting using tools like react-app-rewired or craco. Keep your CRA managed environment intact.

- Tags: how-to-guide
- Published: 2026-02-26

### [How the Create React App Error Overlay Displays Runtime Errors](/facebook/create-react-app/how-does-the-error-overlay-display-runtime-errors)

Discover how Create React App's error overlay captures and displays runtime errors with a dedicated iframe UI. Learn about its internal mechanisms for error handling and presentation.

- Tags: internals
- Published: 2026-02-26

### [babel-preset-react-app: The Complete Guide to Create React App's Babel Preset](/facebook/create-react-app/what-is-the-babel-preset-react-app-and-what-transformations-does-it-include)

Discover babel-preset-react-app, the zero-config Babel preset for Create React App. Learn about its features including JSX transformation, TypeScript stripping, and modern JS support for efficient compilation.

- Tags: deep-dive
- Published: 2026-02-26

### [How to Configure Proxy Settings for API Requests in Create React App](/facebook/create-react-app/how-do-i-configure-proxy-settings-for-api-requests)

Learn to configure proxy settings for API requests in Create React App using package.json or src/setupProxy.js for efficient development workflows.

- Tags: how-to-guide
- Published: 2026-02-26

### [How Create React App Optimizes Production Bundles: A Deep Dive into the Build Pipeline](/facebook/create-react-app/how-does-the-build-process-optimize-production-bundles)

Discover how Create React App optimizes production bundles using Webpack, Terser, MiniCssExtractPlugin, chunk splitting, and content hashing for improved performance and caching.

- Tags: deep-dive
- Published: 2026-02-26

### [What Is the react-scripts Package? Structure and Architecture Explained](/facebook/create-react-app/what-is-the-react-scripts-package-and-how-is-it-structured)

Understand the react-scripts package, the Create React App build toolchain. Explore its core scripts start, build, test, eject, and its internal structure for efficient React development.

- Tags: internals
- Published: 2026-02-26

### [How Environment Variables Work in Create React App: Build-Time Injection Explained](/facebook/create-react-app/how-do-environment-variables-work-in-create-react-app)

Learn how Create React App injects environment variables at build time. Understand the `.env` file process and access them via process.env in your React code.

- Tags: deep-dive
- Published: 2026-02-26

### [What Is the Eject Process in Create React App and What Are Its Implications?](/facebook/create-react-app/what-is-the-eject-process-and-what-are-the-implications)

Understand the Create React App eject process. Expose hidden configurations and gain full control over your build tools. Learn the implications before you eject.

- Tags: deep-dive
- Published: 2026-02-26

### [How to Customize the Babel Configuration in Create React App Without Ejecting](/facebook/create-react-app/how-do-i-customize-the-babel-configuration-without-ejecting)

Customize Babel in Create React App without ejecting. Learn to use CRACO or react-app-rewired for flexible Babel configuration and macros.

- Tags: how-to-guide
- Published: 2026-02-26

### [How the Webpack Configuration Works in Create React App: A Complete Guide to react-scripts](/facebook/create-react-app/how-does-the-webpack-configuration-work-in-create-react-app)

Learn how Create React App's react-scripts package manages a hidden Webpack configuration for seamless TypeScript compilation and asset optimization without manual setup.

- Tags: deep-dive
- Published: 2026-02-26