[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-77344":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},77344,"create-react-app","react\u002Fcreate-react-app","react","Set up a modern web app by running one command.","https:\u002F\u002Fcreate-react-app.dev\u002F",null,"JavaScript",103326,26993,1869,1857,0,1,14,51.9,"MIT License",false,"main",true,[25,7,26],"build-tools","zero-configuration","2026-06-17 04:01:19","## Create React App [![Build & Test](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Factions\u002Fworkflows\u002Fbuild-and-test.yml\u002Fbadge.svg?branch=main)](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Factions\u002Fworkflows\u002Fbuild-and-test.yml) [![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-green.svg)](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Fblob\u002Fmain\u002FCONTRIBUTING.md)\n\n> [!CAUTION]\n>\n> ## Deprecated\n>\n> Create React App was one of the key tools for getting a React project up-and-running in 2017-2021, it is now in long-term stasis and we recommend that you migrate to one of React frameworks documented on [Start a New React Project](https:\u002F\u002Freact.dev\u002Flearn\u002Fstart-a-new-react-project).\n>\n> If you are following a tutorial to learn React, there is still value in continuing your tutorial, but we do not recommend starting production apps based on Create React App.\n\n\u003Cimg alt=\"Logo\" align=\"right\" src=\"https:\u002F\u002Fcreate-react-app.dev\u002Fimg\u002Flogo.svg\" width=\"20%\" \u002F>\n\nCreate React apps with no build configuration.\n\n- [Creating an App](#creating-an-app) – How to create a new app.\n- [User Guide](https:\u002F\u002Ffacebook.github.io\u002Fcreate-react-app\u002F) – How to develop apps bootstrapped with Create React App.\n\nCreate React App works on macOS, Windows, and Linux.\u003Cbr>\nIf something doesn’t work, please [file an issue](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Fissues\u002Fnew).\u003Cbr>\nIf you have questions or need help, please ask in [GitHub Discussions](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Fdiscussions).\n\n## Quick Overview\n\n```sh\nnpx create-react-app my-app\ncd my-app\nnpm start\n```\n\nIf you've previously installed `create-react-app` globally via `npm install -g create-react-app`, we recommend you uninstall the package using `npm uninstall -g create-react-app` or `yarn global remove create-react-app` to ensure that npx always uses the latest version.\n\n_([npx](https:\u002F\u002Fmedium.com\u002F@maybekatz\u002Fintroducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https:\u002F\u002Fgist.github.com\u002Fgaearon\u002F4064d3c23a77c74a3614c498a8bb1c5f))_\n\nThen open [http:\u002F\u002Flocalhost:3000\u002F](http:\u002F\u002Flocalhost:3000\u002F) to see your app.\u003Cbr>\nWhen you’re ready to deploy to production, create a minified bundle with `npm run build`.\n\n\u003Cp align='center'>\n\u003Cimg src='https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Ffacebook\u002Fcreate-react-app@27b42ac7efa018f2541153ab30d63180f5fa39e0\u002Fscreencast.svg' width='600' alt='npm start'>\n\u003C\u002Fp>\n\n### Get Started Immediately\n\nYou **don’t** need to install or configure tools like webpack or Babel.\u003Cbr>\nThey are preconfigured and hidden so that you can focus on the code.\n\nCreate a project, and you’re good to go.\n\n## Creating an App\n\n**You’ll need to have Node 14.0.0 or later version on your local development machine** (but it’s not required on the server). We recommend using the latest LTS version. You can use [nvm](https:\u002F\u002Fgithub.com\u002Fcreationix\u002Fnvm#installation) (macOS\u002FLinux) or [nvm-windows](https:\u002F\u002Fgithub.com\u002Fcoreybutler\u002Fnvm-windows#node-version-manager-nvm-for-windows) to switch Node versions between different projects.\n\nTo create a new app, you may choose one of the following methods:\n\n### npx\n\n```sh\nnpx create-react-app my-app\n```\n\n_([npx](https:\u002F\u002Fmedium.com\u002F@maybekatz\u002Fintroducing-npx-an-npm-package-runner-55f7d4bd282b) is a package runner tool that comes with npm 5.2+ and higher, see [instructions for older npm versions](https:\u002F\u002Fgist.github.com\u002Fgaearon\u002F4064d3c23a77c74a3614c498a8bb1c5f))_\n\n### npm\n\n```sh\nnpm init react-app my-app\n```\n\n_`npm init \u003Cinitializer>` is available in npm 6+_\n\n### Yarn\n\n```sh\nyarn create react-app my-app\n```\n\n_[`yarn create \u003Cstarter-kit-package>`](https:\u002F\u002Fyarnpkg.com\u002Flang\u002Fen\u002Fdocs\u002Fcli\u002Fcreate\u002F) is available in Yarn 0.25+_\n\nIt will create a directory called `my-app` inside the current folder.\u003Cbr>\nInside that directory, it will generate the initial project structure and install the transitive dependencies:\n\n```\nmy-app\n├── README.md\n├── node_modules\n├── package.json\n├── .gitignore\n├── public\n│   ├── favicon.ico\n│   ├── index.html\n│   └── manifest.json\n└── src\n    ├── App.css\n    ├── App.js\n    ├── App.test.js\n    ├── index.css\n    ├── index.js\n    ├── logo.svg\n    └── serviceWorker.js\n    └── setupTests.js\n```\n\nNo configuration or complicated folder structures, only the files you need to build your app.\u003Cbr>\nOnce the installation is done, you can open your project folder:\n\n```sh\ncd my-app\n```\n\nInside the newly created project, you can run some built-in commands:\n\n### `npm start` or `yarn start`\n\nRuns the app in development mode.\u003Cbr>\nOpen [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000) to view it in the browser.\n\nThe page will automatically reload if you make changes to the code.\u003Cbr>\nYou will see the build errors and lint warnings in the console.\n\n\u003Cp align='center'>\n\u003Cimg src='https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fmarionebl\u002Fcreate-react-app@9f6282671c54f0874afd37a72f6689727b562498\u002Fscreencast-error.svg' width='600' alt='Build errors'>\n\u003C\u002Fp>\n\n### `npm test` or `yarn test`\n\nRuns the test watcher in an interactive mode.\u003Cbr>\nBy default, runs tests related to files changed since the last commit.\n\n[Read more about testing.](https:\u002F\u002Ffacebook.github.io\u002Fcreate-react-app\u002Fdocs\u002Frunning-tests)\n\n### `npm run build` or `yarn build`\n\nBuilds the app for production to the `build` folder.\u003Cbr>\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003Cbr>\n\nYour app is ready to be deployed.\n\n## User Guide\n\nYou can find detailed instructions on using Create React App and many tips in [its documentation](https:\u002F\u002Ffacebook.github.io\u002Fcreate-react-app\u002F).\n\n## How to Update to New Versions?\n\nPlease refer to the [User Guide](https:\u002F\u002Ffacebook.github.io\u002Fcreate-react-app\u002Fdocs\u002Fupdating-to-new-releases) for this and other information.\n\n## Philosophy\n\n- **One Dependency:** There is only one build dependency. It uses webpack, Babel, ESLint, and other amazing projects, but provides a cohesive curated experience on top of them.\n\n- **No Configuration Required:** You don't need to configure anything. A reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.\n\n- **No Lock-In:** You can “eject” to a custom setup at any time. Run a single command, and all the configuration and build dependencies will be moved directly into your project, so you can pick up right where you left off.\n\n## What’s Included?\n\nYour environment will have everything you need to build a modern single-page React app:\n\n- React, JSX, ES6, TypeScript and Flow syntax support.\n- Language extras beyond ES6 like the object spread operator.\n- Autoprefixed CSS, so you don’t need `-webkit-` or other prefixes.\n- A fast interactive unit test runner with built-in support for coverage reporting.\n- A live development server that warns about common mistakes.\n- A build script to bundle JS, CSS, and images for production, with hashes and sourcemaps.\n- An offline-first [service worker](https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Ffundamentals\u002Fgetting-started\u002Fprimers\u002Fservice-workers) and a [web app manifest](https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Ffundamentals\u002Fengage-and-retain\u002Fweb-app-manifest\u002F), meeting all the [Progressive Web App](https:\u002F\u002Ffacebook.github.io\u002Fcreate-react-app\u002Fdocs\u002Fmaking-a-progressive-web-app) criteria. (_Note: Using the service worker is opt-in as of `react-scripts@2.0.0` and higher_)\n- Hassle-free updates for the above tools with a single dependency.\n\nCheck out [this guide](https:\u002F\u002Fgithub.com\u002Fnitishdayal\u002Fcra_closer_look) for an overview of how these tools fit together.\n\nThe tradeoff is that **these tools are preconfigured to work in a specific way**. If your project needs more customization, you can [\"eject\"](https:\u002F\u002Ffacebook.github.io\u002Fcreate-react-app\u002Fdocs\u002Favailable-scripts#npm-run-eject) and customize it, but then you will need to maintain this configuration.\n\n## Popular Alternatives\n\nCreate React App is a great fit for:\n\n- **Learning React** in a comfortable and feature-rich development environment.\n- **Starting new single-page React applications.**\n- **Creating examples** with React for your libraries and components.\n\nHere are a few common cases where you might want to try something else:\n\n- If you want to **try React** without hundreds of transitive build tool dependencies, consider [using a single HTML file or an online sandbox instead](https:\u002F\u002Freactjs.org\u002Fdocs\u002Fgetting-started.html#try-react).\n\n- If you need to **integrate React code with a server-side template framework** like Rails, Django or Symfony, or if you’re **not building a single-page app**, consider using [nwb](https:\u002F\u002Fgithub.com\u002Finsin\u002Fnwb), or [Neutrino](https:\u002F\u002Fneutrino.js.org\u002F) which are more flexible. For Rails specifically, you can use [Rails Webpacker](https:\u002F\u002Fgithub.com\u002Frails\u002Fwebpacker). For Symfony, try [Symfony's webpack Encore](https:\u002F\u002Fsymfony.com\u002Fdoc\u002Fcurrent\u002Ffrontend\u002Fencore\u002Freactjs.html).\n\n- If you need to **publish a React component**, [nwb](https:\u002F\u002Fgithub.com\u002Finsin\u002Fnwb) can [also do this](https:\u002F\u002Fgithub.com\u002Finsin\u002Fnwb#react-components-and-libraries), as well as [Neutrino's react-components preset](https:\u002F\u002Fneutrino.js.org\u002Fpackages\u002Freact-components\u002F).\n\n- If you want to do **server rendering** with React and Node.js, check out [Next.js](https:\u002F\u002Fnextjs.org\u002F) or [Razzle](https:\u002F\u002Fgithub.com\u002Fjaredpalmer\u002Frazzle). Create React App is agnostic of the backend, and only produces static HTML\u002FJS\u002FCSS bundles.\n\n- If your website is **mostly static** (for example, a portfolio or a blog), consider using [Gatsby](https:\u002F\u002Fwww.gatsbyjs.org\u002F) or [Next.js](https:\u002F\u002Fnextjs.org\u002F). Unlike Create React App, Gatsby pre-renders the website into HTML at build time. Next.js supports both server rendering and pre-rendering.\n\n- Finally, if you need **more customization**, check out [Neutrino](https:\u002F\u002Fneutrino.js.org\u002F) and its [React preset](https:\u002F\u002Fneutrino.js.org\u002Fpackages\u002Freact\u002F).\n\nAll of the above tools can work with little to no configuration.\n\nIf you prefer configuring the build yourself, [follow this guide](https:\u002F\u002Freactjs.org\u002Fdocs\u002Fadd-react-to-a-website.html).\n\n## React Native\n\nLooking for something similar, but for React Native?\u003Cbr>\nCheck out [Expo CLI](https:\u002F\u002Fgithub.com\u002Fexpo\u002Fexpo-cli).\n\n## Contributing\n\nWe'd love to have your helping hand on `create-react-app`! See [CONTRIBUTING.md](CONTRIBUTING.md) for more information on what we're looking for and how to get started.\n\n## Supporting Create React App\n\nCreate React App is a community maintained project and all contributors are volunteers. If you'd like to support the future development of Create React App then please consider donating to our [Open Collective](https:\u002F\u002Fopencollective.com\u002Fcreate-react-app).\n\n## Credits\n\nThis project exists thanks to all the people who [contribute](CONTRIBUTING.md).\u003Cbr>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Fgraphs\u002Fcontributors\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fcreate-react-app\u002Fcontributors.svg?width=890&button=false\" \u002F>\u003C\u002Fa>\n\nThanks to [Netlify](https:\u002F\u002Fwww.netlify.com\u002F) for hosting our documentation.\n\n## Acknowledgements\n\nWe are grateful to the authors of existing related projects for their ideas and collaboration:\n\n- [@eanplatter](https:\u002F\u002Fgithub.com\u002Feanplatter)\n- [@insin](https:\u002F\u002Fgithub.com\u002Finsin)\n- [@mxstbr](https:\u002F\u002Fgithub.com\u002Fmxstbr)\n\n## License\n\nCreate React App is open source software [licensed as MIT](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app\u002Fblob\u002Fmain\u002FLICENSE). The Create React App logo is licensed under a [Creative Commons Attribution 4.0 International license](https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F).\n","Create React App 是一个用于快速搭建现代化React应用的工具。通过运行一条命令即可创建一个无需配置的React项目，内置了webpack、Babel等开发工具，让开发者能够专注于编写代码而无需关心复杂的构建配置。它支持零配置启动、热更新以及生产环境打包等功能。适用于希望快速开始React项目的前端开发者，尤其是初学者或需要迅速原型验证的场景。尽管官方已将其标记为不再积极维护，并建议迁移到其他框架，但对于学习目的而言，它仍然是一个有价值的资源。",2,"2026-06-17 03:53:58","top_all"]