repository·main·Indexed 33 days ago
https://github.com/react/create-react-appA tool for bootstrapping React applications with no manual build configuration. Includes preconfigured environments with Webpack, Babel, and ESLint. Documentation covers project bootstrapping, TypeScript templates, babel-preset-react-app configuration, eslint-config-react-app usage, and polyfilling for older browsers.
react-error-overlay is a component used to display a visual overlay in the browser when a runtime error occurs during development. It is a core part of the Create React App development experience, providing immediate feedback on errors.Version 4.0.x introduced several enhancements to the development experience:
react-scripts.testMatch support for Jest configuration.testing-library rules to eslint-config-react-app..cjs and .mjs files in the test runner.--stats output from Webpack.react-refresh support.The Create React App documentation focuses exclusively on the tooling, build configuration, and development environment provided by create-react-app.
Note: This documentation does not cover React core concepts, hooks, or component lifecycle. For information regarding the React library itself, refer to the official React documentation at reactjs.org.
react-error-overlay is a component used to display an overlay when a runtime error occurs during development. It provides visual feedback to developers when the application crashes.cra-template package serves as the official base template for Create React App. If you run the create-react-app command without specifying a specific template flag (e.g., without using --template typescript), this base template is used by default to bootstrap your project.Create React App provides a preconfigured environment for building modern single-page React applications without manual configuration of tools like Webpack or Babel.
Key features included:
Philosophy:
Create React App is split into two distinct parts that serve different purposes:
create-react-app: A global command-line utility used solely to scaffold and create new projects.react-scripts: A development dependency installed inside your project. It contains the actual build tools, scripts, and configurations used to run, test, and build your application.When you create a new app, it automatically uses the latest version of react-scripts.
In version 0.5.0 and later, the public folder is used for static assets. To reference these assets within public/index.html, use the %PUBLIC_URL% placeholder. This placeholder is replaced during the build process to ensure paths are correct regardless of your deployment sub-directory or client-side routing configuration.
Example usage in index.html:
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />react-scripts supports variable expansion within .env files, allowing you to reuse existing environment variables in other definitions.Create React App supports a superset of the latest JavaScript standard. In addition to ES6, the following features are supported:
If you use ES6+ features that require runtime support (such as Array.from() or Symbol), you must include the appropriate polyfills manually or ensure your target browsers already support them.
react-scripts version 3.4.0, the environment variables NODE_ENV and PUBLIC_URL have been changed to be read-only. Attempting to manually override these within the build process may not behave as expected.react-scripts (version 3.4.0 and later), the baseUrl configuration can be automatically set from your jsconfig.json or tsconfig.json files. This allows for cleaner absolute imports based on your project's configuration.