Security News
pnpm 10.0.0 Blocks Lifecycle Scripts by Default
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
react-scripts
Advanced tools
The react-scripts package is a set of scripts from the create-react-app starter kit that help automate the setup and management of React applications. It includes scripts for building, testing, and starting a development server, among other tasks, without the need for configuring these processes manually.
Starting a Development Server
This command starts a development server that serves your React application, enabling hot module replacement for a better development experience.
npm start
Building the Application for Production
This command compiles the React application into static files for production deployment, optimizing the build for the best performance.
npm run build
Running Tests
This command runs the test runner in the interactive watch mode, allowing developers to write and run tests for their components and modules.
npm test
Ejecting Configuration
This command will remove the single build dependency from your project, copying all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them.
npm run eject
Parcel is a web application bundler that offers a similar zero-configuration experience to react-scripts but with a different approach to bundling and a focus on speed and simplicity.
Webpack is a powerful module bundler that can be used for React applications. Unlike react-scripts, it requires manual configuration, but it offers a high degree of customization and plugin support.
Vite is a build tool that significantly improves the frontend development experience. It's similar to react-scripts in providing a development server and build process, but it leverages native ES modules and is known for its fast cold server start.
Snowpack is a modern build tool for faster web development. It's comparable to react-scripts but uses a different approach, focusing on unbundled development and faster rebuilds with ESM (ES Module) support.
This package includes scripts and configuration used by 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
Configuration and scripts for Create React App.
The npm package react-scripts receives a total of 2,589,379 weekly downloads. As such, react-scripts popularity was classified as popular.
We found that react-scripts demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 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
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
Product
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.