Set up a modern web app by running one command.

Last update: Dec 28, 2022

Overview

Create React App

Create React apps with no build configuration.

Creating an App – How to create a new app.
User Guide – How to develop apps bootstrapped with Create React App.

Create React App works on macOS, Windows, and Linux.
If something doesn’t work, please file an issue.
If you have questions or need help, please ask in GitHub Discussions.

Quick Overview

npx create-react-app my-app
cd my-app
npm start

If 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.

(npx comes with npm 5.2+ and higher, see instructions for older npm versions)

Then open http://localhost:3000/ to see your app.
When you’re ready to deploy to production, create a minified bundle with npm run build.

Get Started Immediately

You don’t need to install or configure tools like webpack or Babel.
They are preconfigured and hidden so that you can focus on the code.

Create a project, and you’re good to go.

Creating an App

You’ll need to have Node 10.16.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 (macOS/Linux) or nvm-windows to switch Node versions between different projects.

To create a new app, you may choose one of the following methods:

npx

npx create-react-app my-app

(npx is a package runner tool that comes with npm 5.2+ and higher, see instructions for older npm versions)

npm

npm init react-app my-app

npm init <initializer> is available in npm 6+

Yarn

yarn create react-app my-app

yarn create <starter-kit-package> is available in Yarn 0.25+

It will create a directory called my-app inside the current folder.
Inside that directory, it will generate the initial project structure and install the transitive dependencies:

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js
    └── setupTests.js

No configuration or complicated folder structures, only the files you need to build your app.
Once the installation is done, you can open your project folder:

cd my-app

Inside the newly created project, you can run some built-in commands:

`npm start` or `yarn start`

Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.

The page will automatically reload if you make changes to the code.
You will see the build errors and lint warnings in the console.

`npm test` or `yarn test`

Runs the test watcher in an interactive mode.
By default, runs tests related to files changed since the last commit.

`npm run build` or `yarn build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed.

User Guide

You can find detailed instructions on using Create React App and many tips in its documentation.

How to Update to New Versions?

Please refer to the User Guide for this and other information.

Philosophy

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.
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.
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.

What’s Included?

Your environment will have everything you need to build a modern single-page React app:

React, JSX, ES6, TypeScript and Flow syntax support.
Language extras beyond ES6 like the object spread operator.
Autoprefixed CSS, so you don’t need -webkit- or other prefixes.
A fast interactive unit test runner with built-in support for coverage reporting.
A live development server that warns about common mistakes.
A build script to bundle JS, CSS, and images for production, with hashes and sourcemaps.
An offline-first service worker and a web app manifest, meeting all the Progressive Web App criteria. (Note: Using the service worker is opt-in as of [email protected] and higher)
Hassle-free updates for the above tools with a single dependency.

Check out this guide for an overview of how these tools fit together.

The tradeoff is that these tools are preconfigured to work in a specific way. If your project needs more customization, you can "eject" and customize it, but then you will need to maintain this configuration.

Popular Alternatives

Create React App is a great fit for:

Learning React in a comfortable and feature-rich development environment.
Starting new single-page React applications.
Creating examples with React for your libraries and components.

Here are a few common cases where you might want to try something else:

If you want to try React without hundreds of transitive build tool dependencies, consider using a single HTML file or an online sandbox instead.
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, or Neutrino which are more flexible. For Rails specifically, you can use Rails Webpacker. For Symfony, try Symfony's webpack Encore.
If you need to publish a React component, nwb can also do this, as well as Neutrino's react-components preset.
If you want to do server rendering with React and Node.js, check out Next.js or Razzle. Create React App is agnostic of the backend, and only produces static HTML/JS/CSS bundles.
If your website is mostly static (for example, a portfolio or a blog), consider using Gatsby or Next.js. Unlike Create React App, Gatsby pre-renders the website into HTML at build time. Next.js supports both server rendering and pre-rendering.
Finally, if you need more customization, check out Neutrino and its React preset.

All of the above tools can work with little to no configuration.

If you prefer configuring the build yourself, follow this guide.

React Native

Looking for something similar, but for React Native?
Check out Expo CLI.

Contributing

We'd love to have your helping hand on create-react-app! See CONTRIBUTING.md for more information on what we're looking for and how to get started.

Supporting Create React App

Create 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.

Credits

This project exists thanks to all the people who contribute.

Thanks to Netlify for hosting our documentation.

Acknowledgements

We are grateful to the authors of existing related projects for their ideas and collaboration:

License

Create React App is open source software licensed as MIT. The Create React App logo is licensed under a Creative Commons Attribution 4.0 International license.

Comments

Add runtime error overlay

If you would like to help, please see https://github.com/facebookincubator/create-react-app/issues/1129.

This PR is a prototype implementation for #783 which hopefully gets the ball rolling.

This is by no means a complete or even polished proposal, but simply a WIP to track the ongoing discussion in #783 as it unfolds. There is much to be done for DX and message clarity when the Error object is unavailable or unparsable.

Errors

Errors are captured using window.onerror. window.onerror provides the Error object in most all modern browsers: Chrome 46(?), Firefox 31, IE 11, and Safari 10(ref). Notably, support is missing from Microsoft Edge (unverified, see here -- can someone test this please?).

Unhandled Rejections

Unfortunately, there seems to be no standard/proper way to capture unhandled rejection -- Chrome seems to be the only browser doing this, exposed via the unhandledrejection event. Does anyone have any ideas on how to accomplish this / should it be a Chrome only feature?

CLA Signed tag: new feature

opened by Timer 262

npm ERR! 404 Not Found - GET https://registry.npmjs.org/error-ex

Describe the bug

Below error comes when creating new project

C:\Personal\web-projects\React>npx create-react-app pomodoro-clock
npx: installed 99 in 16.973s

Creating a new React app in C:\Personal\web-projects\React\pomodoro-clock.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/error-ex
npm ERR! 404
npm ERR! 404  'error-ex@^1.3.1' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'parse-json'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

When I try to go to https://registry.npmjs.org/error-ex it returns a 404 Same issue when using command npm init react-app my-app

Did you try recovering your dependencies?

Yes

Environment

Environment Info:

  current version of create-react-app: 3.3.1
  running from C:\Users\username\AppData\Roaming\npm-cache\_npx\21236\node_modules\create-react-app

  System:
    OS: Windows 10 10.0.17763
    CPU: (8) x64 Intel(R) Core(TM) i7-6820HQ CPU @ 2.70GHz
  Binaries:
    Node: 12.13.1 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 6.13.7 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 44.17763.831.0
    Internet Explorer: 11.0.17763.771
  npmPackages:
    react: Not Found
    react-dom: Not Found
    react-scripts: Not Found
  npmGlobalPackages:
    create-react-app: Not Found

Steps to reproduce

Create new project with npx create-react-app project-name. Last created a project successfully last week using the same PC

needs triage issue: bug report

opened by acskck 213

Browserslist error

Hello, i just used 'npx create-react-app project-name' and when im starting my project im getting this error:

/src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css) BrowserslistError: Unknown browser query android all. Maybe you are using old Browserslist or made typo in query. at Array.reduce () at Array.some () at Array.filter ()

Npm -v : 6.9.0 Node -v : v10.16.0

opened by razvan-soare 161
Why was service worker merged into create react app?

I use create create app for teaching and I don't see the benefit in making stuff more complicated with adding so much advanced boilerplate code.

You probably know that service worker won't work on any iOS device (20% - 25% of all your users) and this is not about to change soon (maybe never).

Adding service workers by default is about to create very different experiences and bug behaviour depending on the device. It also makes it way more complicated to get a create react app to work offline for all platforms.

Please don't turn cra into something like a Windows98 computer where you had to remove AOL and other preinstalled stuff before being able to be productive.
issue: proposal issue: question > PWA

opened by jantimon 154
General feedback

Let’s use this thread for a general discussion.

Does the flow feel good? Did we pick the right plugins, presets, and loaders? Do you see areas for improvement?

This project is in a very early stage so there’s plenty of all hanging fruit if you’d like to make React experience better.

Thanks for taking a look at this project!
issue: proposal

opened by gaearon 152
Last call for Create React App v2
Hi everyone! We just released what we hope to be the last beta before v2 is marked stable and tagged latest on npm tomorrow.

Please try it as soon as possible and let us know if you run into any issues!

Create new application:

$ npx create-react-app@next --scripts-version=@next test-next

Upgrade existing:

$ npm install react-scripts@next --save $ # or $ yarn add react-scripts@next

Here's a draft of the release notes:

Create React App v2.0.1

New Features

Updated tooling: Babel 7, webpack 4, Jest 23

Packages using new JavaScript features in node_modules now work

Automatic vendor bundles and long term caching

CSS Modules

Sass Support

SVGs as React Components

Babel Macros

Targetable CSS support, with automatic polyfills and prefixing

Migrating from 1.1.15 to 2.0.1

Inside any created project that has not been ejected, run:

$ npm install --save --save-exact [email protected] $ # or $ yarn add --exact [email protected]

Next, follow the migration instructions below that are relevant to you.

You may no longer code split with require.ensure()

We previously allowed code splitting with a webpack-specific directive, require.ensure(). It is now disabled in favor of import().

To switch to import(), follow the examples below:

Single Module

require.ensure(['module-a'], function() { var a = require('module-a'); // ... }); // Replace with: import('module-a').then(a => { // ... });

Multiple Module

require.ensure(['module-a', 'module-b'], function() { var a = require('module-a'); var b = require('module-b'); // ... }); // Replace with: Promise.all([import('module-a'), import('module-b')]).then(([a, b]) => { // ... });

The default Jest environment was changed to jsdom

Look at the test entry in the scripts section of your package.json. Here's a table how to change it from "before" and "after", depending on what you have there:

| 1.x (if you have this...) | 2.x (...change it to this!) | | - | - | | react-scripts test --env=jsdom | react-scripts test | | react-scripts test | react-scripts test --env=node |

.mjs file extension support was removed

Change the extension of any files in your project using .mjs to just .js.

It was removed because of inconsistent support from underlying tools. We will add it back after it stops being experimental, and Jest gets built-in support for it.

Move advanced proxy configuration to src/setupProxy.js

This change is only required for individuals who used the advanced proxy configuration in v1.

To check if action is required, look for the proxy key in package.json. Then, follow the table below.

I couldn't find a proxy key in package.json

No action is required!

The value of proxy is a string (e.g. http://localhost:5000)

No action is required!

The value of proxy is an object

Follow the migration instructions below.

If your proxy is an object, that means you are using the advanced proxy configuration.

Again, if your proxy field is a string, e.g. http://localhost:5000, you do not need to do anything. This feature is still supported and has the same behavior.

First, install http-proxy-middleware using npm or Yarn:

$ npm install http-proxy-middleware --save $ # or $ yarn add http-proxy-middleware

Next, create src/setupProxy.js and place the following contents in it:

const proxy = require('http-proxy-middleware') module.exports = function(app) { // ... }

Now, migrate each entry in your proxy object one by one, e.g.:

"proxy": { "/api": { "target": "http://localhost:5000/" }, "/*.svg": { "target": "http://localhost:5000/" } }

Place entries into src/setupProxy.js like so:

const proxy = require('http-proxy-middleware') module.exports = function(app) { app.use(proxy('/api', { target: 'http://localhost:5000/' })) app.use(proxy('/*.svg', { target: 'http://localhost:5000/' })) }

You can also use completely custom logic there now! This wasn't possible before.

Internet Explorer is no longer supported by default (but you can opt in!)

We have dropped default support for Internet Explorer 9, 10, and 11. If you still need to support these browsers, follow the instructions below.

First, install react-app-polyfill:

$ npm install react-app-polyfill --save $ # or $ yarn add react-app-polyfill

Next, place one of the following lines at the very top of src/index.js:

import 'react-app-polyfill/ie9'; // For IE 9-11 support import 'react-app-polyfill/ie11'; // For IE 11 support

You can read more about these polyfills here.

The behavior of a CommonJS import() has changed

Webpack 4 changed the behavior of import() to be closer in line with the specification.

Previously, importing a CommonJS module did not require you specify the default export. In most cases, this is now required. If you see errors in your application about ... is not a function, you likely need to update your dynamic import, e.g.:

const throttle = await import("lodash/throttle"); // replace with const throttle = await import("lodash/throttle").then(m => m.default);

Anything missing?

This was a large release, and we might have missed something.

Please file an issue and we will try to help.

Migrating from 2.0.0-next.xyz

If you used 2.x alphas, please follow these instructions.

Detailed Changelog

>> TODO <<
issue: announcement
opened by Timer 144
npm run build fails for EventEmitter
@gaearon asked that I file a separate issue.

How to reproduce: run create-react-app fail-event-emitter, add a line

import EventEmitter from 'events';

to src/index.js and then run npm run build, which fails with:

> [email protected] build /home/gback/fail-event-emitter > react-scripts build Creating an optimized production build... Failed to compile. static/js/main.068c41be.js from UglifyJs Unexpected character '`' [/usr/lib/nodejs/events.js:260,0]

react-scripts 0.7.0 is used and node.js 6.9.1 (or 7.0)

The purported cause is that CRA does not transpile "dependencies" into ES5 and then the UglifyJS plugin fails when it encounters ES6 code. The test case above was derived from a failure in react-bootstrap-tables, which includes a module that in turn references EventEmitter. Others have suggested to provide an alternate EventEmitter implementation in the application path, but it is not clear to me how react-bootstrap-table's dependencies can be made to use this alternate implementation.
issue: bug contributions: up for grabs! tag: underlying tools
opened by godmar 130
serve bundles and app under homepage path

Verified by adding homepage to package.json, and confirming that it would display the subpath in the terminal, and open the browser with the sub path in the url.

tested by editing both js and css to verify hot loading works the same as before.

Then verified that if I take homepage back out of package.json, it works as intended.

CLA Signed

opened by kellyrmilligan 126
$Error: EPERM: operation not permitted, mkdir 'C:\Users\Vaidehi' TypeError: Cannot read property 'get' of undefined$

Error: EPERM: operation not permitted, mkdir 'C:\Users\Vaidehi' TypeError: Cannot read property 'get' of undefined

Im trying to create a react app using command create-react-app and getting the error of,

MY COMMAND: (using . as i want to create the app in the current folder itself)

C:\Users\Vaidehi Shah\Desktop\MERN-ShoppingList\client> npx create-react-app .

ERROR MESSAGE:

Error: EPERM: operation not permitted, mkdir 'C:\Users\Vaidehi' TypeError: Cannot read property 'get' of undefined at errorMessage (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-message.js:38:39) at errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:201:13) at C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js:78:20 at cb (C:\Program Files\nodejs\node_modules\npm\lib\npm.js:225:22) at C:\Program Files\nodejs\node_modules\npm\lib\npm.js:263:24 at C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:81:7 at Array.forEach () at C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:80:13 at f (C:\Program Files\nodejs\node_modules\npm\node_modules\once\once.js:25:25) at afterExtras (C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:171:20) C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:97 var doExit = npm.config.loaded ? npm.config.get('_exit') : true ^

TypeError: Cannot read property 'loaded' of undefined at exit (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:97:27) at process.errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3) at process.emit (events.js:210:5) at process._fatalException (internal/process/execution.js:150:25) Install for [ 'create-react-app@latest' ] failed with code 7

opened by vaidehishah07 120
4.0.0 breaks with typescript (all versions)
Describe the bug

I made a clean install of cra@next with typescript and then upgraded typescript to 4.1.0-beta ( also tested 4.1.0-dev.20201023 )

npx create-react-app@next --scripts-version=@next --template=typescript@next my-ts-app $$$ then replaced typescript 4.0.3 with 4.1.0-beta ( or ^4.1.0-beta ) in package.json rm -rf node_modules package-lock.json && npm i npm start

Error message:

node_modules/react-scripts/scripts/utils/verifyTypeScriptSetup.js:239 appTsConfig.compilerOptions[option] = value; ^ TypeError: Cannot assign to read only property 'jsx' of object '#<Object>'

( EDIT: This doesn't happen with cra 4.0.0-next.98 )

Did you try recovering your dependencies?

Yes

Which terms did you search for in User Guide?

I just looked for typescript bugs reported and closed in the last few days

Environment

System: OS: macOS 10.15.7 CPU: (8) x64 Intel(R) Core(TM) i7-4770K CPU @ 3.50GHz Binaries: Node: 14.14.0 - /usr/local/bin/node Yarn: Not Found npm: 6.14.8 - /usr/local/bin/npm Browsers: Chrome: 86.0.4240.111 Firefox: Not Found Safari: 14.0 npmPackages: react: ^17.0.1 => 17.0.1 react-dom: ^17.0.1 => 17.0.1 react-scripts: 4.0.0-next.117 => 4.0.0-next.117 npmGlobalPackages: create-react-app: Not Found

Steps to reproduce

npx create-react-app@next --scripts-version=@next --template=typescript@next my-ts-app

replace typescript 4.0.3 with 4.1.0-beta ( or ^4.1.0-beta ) in package.json

rm -rf node_modules package-lock.json && npm i

npm start

Expected behavior

Should work out of the box

Actual behavior

node_modules/react-scripts/scripts/utils/verifyTypeScriptSetup.js:239 appTsConfig.compilerOptions[option] = value; ^ TypeError: Cannot assign to read only property 'jsx' of object '#<Object>'

Reproducible demo

Steps are simple enough to build your own demo
issue: bug
opened by benneq 117
Hot Reload stopped working with React "^17.0.1"
Describe the bug

Hot reloading when the redux-state change stopped working when I use CRA to get the last React version. Noticed that it is due to React version and I made a test creating a new react project, as a result the package.json shows

"dependencies": { "@testing-library/jest-dom": "^5.11.5", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "react": "^17.0.1", "react-dom": "^17.0.1", "react-redux": "^7.2.1", "react-scripts": "4.0.0", "redux": "^4.0.5", "web-vitals": "^0.2.4" },

then change it to a previous version of react (copied from an old project)

"dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.5.0", "@testing-library/user-event": "^7.2.1", "react": "^16.13.1", "react-dom": "^16.13.1", "react-redux": "^7.2.1", "react-scripts": "3.4.3", "redux": "^4.0.5" },

And it continue to works as always.

Did you try recovering your dependencies?

yes

Environment

current version of create-react-app: 4.0.0 running from C:\Users\stewa\AppData\Roaming\npm\node_modules\create-react-app

System: OS: Windows 10 10.0.19041 Binaries: Node: 12.9.1 - C:\Program Files\nodejs\node.EXE Yarn: Not Found npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: 86.0.4240.111 Edge: Spartan (44.19041.423.0), Chromium (86.0.622.51)
Internet Explorer: 11.0.19041.1 npmPackages: react: ^17.0.1 => 17.0.1 react-dom: ^17.0.1 => 17.0.1 react-scripts: 4.0.0 => 4.0.0 npmGlobalPackages: create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

I have a file with a state with this value in my Redux reducer

const initialState = [ { id: Date.now(), task: "new todo ", completed: false, } ];

Modify the object in the file to this

const initialState = [ { id: 1, task: "new todo ", completed: false, }, { id:123, task: "new todo ", completed: false, } ];

As previous versions of React / CRA the page force a reload, displaying in the page the new object added, but it's not anymore

Expected behavior

Even if you change the text of one of the objects in the reducer it used to reload the page. I'm expecting to see the new state in the page as I save a file when the state change

Actual behavior

Here you can see I saved the file and the page is not showing the new state, and the new data.

Reproducible demo

https://github.com/StewartGF/todo-test

I created this clean project with CRA, it has react v17 You can change the version in the package.json to what I paste in the description and use npm install in order to see the project working as it was working in previous versions.
issue: needs investigation needs triage issue: bug report
opened by StewartGF 115
eslint was conflict
Describe the bug

(Write your answer here.)

Did you try recovering your dependencies?

(Write your answer here.) Yes. I upgrade all my packages and npm and node and OS and hardware.

Which terms did you search for in User Guide?

(Write your answer here if relevant.) Nothing about this bug in guid.

Environment

(paste the output of the command here.) BROWSER=none

Steps to reproduce

(Write your steps here:)

Expected behavior

(Write what you thought would happen.)

Actual behavior

(Write what happened. Please add screenshots!)

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

"@typescript-eslint/eslint-plugin": "^5.48.0", "@typescript-eslint/parser": "^5.48.0", "eslint": "^8.31.0", "eslint-config-airbnb": "^19.0.4", "eslint-plugin-html": "^7.1.0", "eslint-plugin-import": "^2.26.0", "eslint-plugin-jsonc": "^2.5.0", "eslint-plugin-jsx-a11y": "^6.6.1", "eslint-plugin-markdown": "^3.0.0", "eslint-plugin-no-secrets": "^0.8.9", "eslint-plugin-optimize-regex": "^1.2.1", "eslint-plugin-react": "^7.31.11", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-security": "^1.5.0", "react-scripts": "^5.0.1", "typescript": "^4.9.4",

I think trouble with this pkg "eslint-config-react-app": "^7.0.1",
needs triage issue: bug report
opened by cybermerlin 1
Npm start says something is running on EVERY port I try but serve -s build works fine on any port I use...
Describe the bug

Npm start says something is running on EVERY port I try but serve -s build works fine on any port I use...

Did you try recovering your dependencies?

9.2.0

Which terms did you search for in User Guide?

(Write your answer here if relevant.)

Environment

(paste the output of the command here.)

Steps to reproduce

(Write your steps here:)

npm start

Expected behavior

see the server up and running

(Write what you thought would happen.)

Actual behavior

✔ Something is already running on port 3000.

Would you like to run the app on another port instead? … no

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)
needs triage issue: bug report
opened by bostonmacosx 1
Mamis
Describe the bug

(Write your answer here.)

Did you try recovering your dependencies?

(Write your answer here.)

Which terms did you search for in User Guide?

(Write your answer here if relevant.)

Environment

(paste the output of the command here.)

Steps to reproduce

(Write your steps here:)

Expected behavior

(Write what you thought would happen.)

Actual behavior

(Write what happened. Please add screenshots!)

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)
needs triage issue: bug report
opened by Sandant589 1
docs: fix external links in "Adding a Router"
Changed https://reactrouter.com/docs/examples/basic (404) to https://v5.reactrouter.com/web/example/basic

Changed https://reactrouter.com/docs/getting-started/tutorial#add-some-routes (404) to https://reactrouter.com/en/start/tutorial#adding-a-router

CLA Signed
opened by paramt 3
nth-check <2.0.1 Severity: high && json5 <2.2.2 Severity: high

json5 <2.2.2 Severity: high Prototype Pollution in JSON5 via Parse Method - https://github.com/advisories/GHSA-9c47-m6qq-7p4h fix available via npm audit fix --force Will install [email protected], which is a breaking change node_modules/tsconfig-paths/node_modules/json5 tsconfig-paths 3.5.0 - 3.9.0 || 3.11.0 - 3.14.1 Depends on vulnerable versions of json5 node_modules/tsconfig-paths eslint-plugin-import >=2.24.2 Depends on vulnerable versions of tsconfig-paths node_modules/eslint-plugin-import eslint-config-react-app >=7.0.0-next.75 Depends on vulnerable versions of eslint-plugin-import node_modules/eslint-config-react-app react-scripts >=2.1.4 Depends on vulnerable versions of @svgr/webpack Depends on vulnerable versions of eslint-config-react-app node_modules/react-scripts

nth-check <2.0.1 Severity: high Inefficient Regular Expression Complexity in nth-check - https://github.com/advisories/GHSA-rp65-9cf3-cjxr fix available via npm audit fix --force Will install [email protected], which is a breaking change node_modules/svgo/node_modules/nth-check css-select <=3.1.0 Depends on vulnerable versions of nth-check node_modules/svgo/node_modules/css-select svgo 1.0.0 - 1.3.2 Depends on vulnerable versions of css-select node_modules/svgo @svgr/plugin-svgo <=5.5.0 Depends on vulnerable versions of svgo node_modules/@svgr/plugin-svgo @svgr/webpack 4.0.0 - 5.5.0 Depends on vulnerable versions of @svgr/plugin-svgo node_modules/@svgr/webpack react-scripts >=2.1.4 Depends on vulnerable versions of @svgr/webpack Depends on vulnerable versions of eslint-config-react-app
needs triage issue: bug report

opened by alk-m90387 2

Releases(v5.0.1)

v5.0.1(Apr 12, 2022)
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.

Migrating from 5.0.0 to 5.0.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]

:bug: Bug Fix

react-scripts

#12245 fix: webpack noise printed only if error or warning (@Andrew47)

create-react-app

#11915 Warn when not using the latest version of create-react-app but do not exit (@iansu)

react-dev-utils

#11640 Ensure posix compliant joins for urls in middleware (@psiservices-justin-sullard)

:nail_care: Enhancement

cra-template-typescript, cra-template, react-scripts

#12220 Update templates to use React 18 createRoot (@kyletsang)

cra-template-typescript, cra-template

#12223 chore: upgrade rtl version to support react 18 (@MatanBobi)

eslint-config-react-app

#11622 updated deprecated rules (@wisammechano)

:memo: Documentation

#11594 Fix a typo in deployment.md (@fishmandev)

#11805 docs: Changelog 5.0.0 (@jafin)

#11757 prevent both npm and yarn commands from being copied (@mubarakn)

:house: Internal

#11985 Ignore docs when publishing (@iansu)

Committers: 11

Andrew Burnie (@Andrew47)

Clément Vannicatte (@shortcuts)

Dmitriy Fishman (@fishmandev)

Dmitry Vinnik (@dmitryvinn)

Ian Sutherland (@iansu)

Jason Finch (@jafin)

Kyle Tsang (@kyletsang)

Matan Borenkraout (@MatanBobi)

Wisam Naji (@wisammechano)

@mubarakn

@psiservices-justin-sullard

Source code(tar.gz)
Source code(zip)
v5.0.0(Dec 14, 2021)
v5.0.0 (2021-12-14)

Create React App 5.0 is a major release with several new features and the latest version of all major dependencies.

Thanks to all the maintainers and contributors who worked so hard on this release! 🙌

Highlights

webpack 5 (#11201)

Jest 27 (#11338)

ESLint 8 (#11375)

PostCSS 8 (#11121)

Fast Refresh improvements and bug fixes (#11105)

Support for Tailwind (#11717)

Improved package manager detection (#11322)

Unpinned all dependencies for better compatibility with other tools (#11474)

Dropped support for Node 10 and 12

Migrating from 4.0.x to 5.0.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]

NOTE: You may need to delete your node_modules folder and reinstall your dependencies by running npm install (or yarn) if you encounter errors after upgrading.

If you previously ejected but now want to upgrade, one common solution is to find the commits where you ejected (and any subsequent commits changing the configuration), revert them, upgrade, and later optionally eject again. It’s also possible that the feature you ejected for is now supported out of the box.

Breaking Changes

Like any major release, [email protected] contains a number of breaking changes. We expect that they won't affect every user, but we recommend you look over this section to see if something is relevant to you. If we missed something, please file a new issue.

Dropped support for Node 10 and 12

Node 10 reached End-of-Life in April 2021 and Node 12 will be End-of-Life in April 2022. Going forward we will only support the latest LTS release of Node.js.

Full Changelog

:boom: Breaking Change

create-react-app

#11322 Use env var to detect yarn or npm as the package manager (@lukekarrys)

babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, eslint-config-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#11201 Webpack 5 (@raix)

eslint-config-react-app, react-error-overlay, react-scripts

#10761 chore: migrate to @babel/eslint-parser (@JLHwung)

react-scripts

#11188 Deprecate root level template.json keys (@mrmckeb)

:bug: Bug Fix

react-scripts

#11413 fix(webpackDevServer): disable overlay for warnings (@jawadsh123)

#10511 Fix ICSS syntax in stylesheets (@thabemmz)

:nail_care: Enhancement

react-scripts

#11717 Add support for Tailwind (@iansu)

#8227 Add source-map-loader for debugging into original source of node_modules libraries that contain sourcemaps (@justingrant)

#10499 Remove ESLint verification when opting-out (@mrmckeb)

eslint-config-react-app, react-error-overlay, react-scripts

#11375 feat(eslint-config-react-app): support ESLint 8.x (@MichaelDeBoey)

create-react-app

#11322 Use env var to detect yarn or npm as the package manager (@lukekarrys)

#11057 Coerce Node versions with metadata (@mrmckeb)

react-dev-utils

#11105 fix: fast refresh stops on needed bail outs (@pmmmwh)

#10205 Update ModuleNotFoundPlugin to support Webpack 5 (@raix)

create-react-app, react-scripts

#11176 Run npm with --no-audit (@gaearon)

:memo: Documentation

Other

#11619 The default port used by serve has changed (@leo)

#10907 Fix link address (@e-w-h)

#10805 Update PWA docs to point at the cra-template-pwa package (@slieschke)

#10631 Update IMAGE_INLINE_SIZE_LIMIT docs (@ianschmitz)

eslint-config-react-app

#10317 eslint-config-react-app typo fix (@Spacerat)

react-dev-utils

#10779 Suggest sass instead of node-sass package (@andrewywong)

babel-preset-react-app, eslint-config-react-app

#10288 Upgrade docs http links to https (@xom9ikk)

cra-template

#10763 Trivial English fixes (@ujihisa)

:house: Internal

Other

#11723 chore(test): make all tests install with npm ci (@lukekarrys)

#11686 [WIP] Fix integration test teardown / cleanup and missing yarn installation (@raix)

#11252 Remove package-lock.json (@Methuselah96)

create-react-app

#11706 Remove cached lockfile (@lukekarrys)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#11624 Update all dependencies (@jd1048576)

react-scripts

#11597 Update package.json (@HADMARINE)

#11292 fix: dependency issue after workbox-webpack-plugin 6.2 release (@fguitton)

#11188 Deprecate root level template.json keys (@mrmckeb)

#10784 Remove outdated comments on react-refresh (@luk3kang)

babel-plugin-named-asset-import, confusing-browser-globals, create-react-app, eslint-config-react-app, react-dev-utils, react-error-overlay, react-scripts

#11474 Remove dependency pinning (@mrmckeb)

confusing-browser-globals, cra-template-typescript, cra-template, create-react-app

#11415 Bump template dependency version (@shfshanyue)

react-error-overlay, react-scripts

#11304 Use npm v7 with workspaces for local development and testing (@lukekarrys)

babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, eslint-config-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#11201 Webpack 5 (@raix)

:hammer: Underlying Tools

react-dev-utils, react-scripts

#11476 Bump browserslist from 4.14.2 to 4.16.5 (@dependabot[bot])

react-scripts

#11325 allow CORS on webpack-dev-server (@hasanayan)

#11121 Update PostCSS version (@mrmckeb)

#10204 Update WebpackManifestPlugin (@raix)

#10456 Update PostCSS packages (@raix)

babel-plugin-named-asset-import, confusing-browser-globals, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#11338 Upgrade jest and related packages from 26.6.0 to 27.1.0 (@krreet)

eslint-config-react-app, react-error-overlay, react-scripts

#10761 chore: migrate to @babel/eslint-parser (@JLHwung)

babel-preset-react-app, react-dev-utils, react-error-overlay, react-scripts

#10797 Unpin babel dependencies (@mohd-akram)

react-dev-utils

#10791 Bump immer version for fixing security issue (@shamprasadrh)

Committers: 34

Andrew Wong (@andrewywong)

Brody McKee (@mrmckeb)

Christiaan van Bemmel (@thabemmz)

Dan Abramov (@gaearon)

Florian Guitton (@fguitton)

Hasan Ayan (@hasanayan)

Huáng Jùnliàng (@JLHwung)

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

James George (@jamesgeorge007)

Jason Williams (@jasonwilliams)

Jawad (@jawadsh123)

Joseph Atkins-Turkish (@Spacerat)

Justin Grant (@justingrant)

Konrad Stępniak (@th7nder)

Kristoffer K. (@merceyz)

Leo Lamprecht (@leo)

Luke Karrys (@lukekarrys)

Max Romanyuta (@xom9ikk)

Michael Mok (@pmmmwh)

Michaël De Boey (@MichaelDeBoey)

Mohamed Akram (@mohd-akram)

Morten N.O. Nørgaard Henriksen (@raix)

Nathan Bierema (@Methuselah96)

Reetesh Kumar (@krreet)

Shamprasad RH (@shamprasadrh)

Simon Lieschke (@slieschke)

@e-w-h

@jd1048576

@luk3kang

@ujihisa

hadmarine (@HADMARINE)

huntr.dev | the place to protect open source (@huntr-helper)

Source code(tar.gz)
Source code(zip)
v4.0.3(Feb 22, 2021)
4.0.3 (2021-02-22)

v4.0.3 is a maintenance release that includes minor bug fixes and dependency updates.

:bug: Bug Fix

react-scripts

#10590 Upgrade eslint-webpack-plugin to fix opt-out flag (@mrmckeb)

:house: Internal

react-dev-utils

#10412 update immer to 8.0.1 to address vulnerability (@wclem4)

create-react-app

#10384 tests: update test case to match the description (@jamesgeorge007)

Committers: 4

Brody McKee (@mrmckeb)

Dion Woolley (@Awarua-)

James George (@jamesgeorge007)

Walker Clem (@wclem4)

Migrating from 4.0.2 to 4.0.3

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v4.0.2(Feb 3, 2021)
4.0.2 (2021-02-03)

v4.0.2 is a maintenance release that includes minor bug fixes and documentation updates.

:rocket: New Feature

react-scripts

#8986 Add support for new BUILD_PATH advanced configuration variable (@ajhyndman)

:bug: Bug Fix

react-scripts

#10170 Add opt-out for eslint-webpack-plugin (@mrmckeb)

#9872 fix(react-scripts): add missing peer dependency react and update react-refresh-webpack-plugin (@merceyz)

#9964 Add TypeScript 4.x as peerDependency to react-scripts (@sheepsteak)

:nail_care: Enhancement

react-scripts

#9977 Move ESLint cache file into node_modules (@ehsankhfr)

#9569 Improve vendor chunk names in development (@jrr)

:memo: Documentation

#9473 docs: add missing override options for Jest config (@tobiasbueschel)

#10314 Update using-the-public-folder.md (@Avivhdr)

#10214 Remove references to Node 8 (@ianschmitz)

:house: Internal

react-scripts

#10027 appTsConfig immutability handling by immer (@josezone)

create-react-app

#10217 Fix CI tests (@ianschmitz)

react-dev-utils, react-error-overlay, react-scripts

#10091 Recovered some integration tests (@maxsbelt)

:hammer: Underlying Tools

react-scripts

#10216 Revert "Update postcss packages" (@ianschmitz)

#9988 Upgrade sass-loader (@ehsankhfr)

#10003 Update postcss packages (@raix)

#10213 Upgrade @svgr/webpack to fix build error (@jabranr)

react-dev-utils

#10198 remove chalk from formatWebpackMessages (@jasonwilliams)

cra-template-typescript

#10141 chore: bump typescript version (@trainto)

cra-template-typescript, cra-template

#10143 chore: bump web-vital dependency version (@sahilpurav)

Committers: 15

Andrew Hyndman (@ajhyndman)

Aviv Hadar (@Avivhdr)

Brody McKee (@mrmckeb)

Chris Shepherd (@sheepsteak)

EhsanKhaki (@ehsankhfr)

Hakjoon Sim (@trainto)

Ian Schmitz (@ianschmitz)

Jabran Rafique⚡️ (@jabranr)

Jason Williams (@jasonwilliams)

John Ruble (@jrr)

Kristoffer K. (@merceyz)

Morten N.O. Nørgaard Henriksen (@raix)

Sahil Purav (@sahilpurav)

Sergey Makarov (@maxsbelt)

Tobias Büschel (@tobiasbueschel)

mad-jose (@josezone)

Source code(tar.gz)
Source code(zip)
v4.0.1(Nov 23, 2020)
v4.0.1 is a maintenance release that includes minor bug fixes and documentation updates.

:bug: Bug Fix

react-scripts

#9921 Fix noFallthroughCasesInSwitch/jsx object is not extensible (@ryota-murakami)

#9869 Fix react-jsx error (@benneq)

#9885 fix: React is not defined compilation error after ejected (@n3tr)

#9911 fix: slow recompile time (@FezVrasta)

react-dev-utils

#9884 fix: page doesn't get refreshed when FAST_REFRESH=false (@n3tr)

:nail_care: Enhancement

react-scripts

#10048 Increase Workbox's maximumFileSizeToCacheInBytes (@jeffposnick)

:memo: Documentation

#10052 docs: add React Testing Library as a library requiring jsdom (@anyulled)

:house: Internal

create-react-app, react-dev-utils, react-scripts

#10083 replace inquirer with prompts (@EvanBacon)

cra-template-typescript, cra-template, react-scripts

#9516 [ImgBot] Optimize images (@MichaelDeBoey)

Other

#9860 chore: Update .prettierrc (@MichaelDeBoey)

Committers: 9

Anyul Rivas (@anyulled)

Ben M (@benneq)

Evan Bacon (@EvanBacon)

Federico Zivolo (@FezVrasta)

Jeffrey Posnick (@jeffposnick)

Jirat Ki. (@n3tr)

Michaël De Boey (@MichaelDeBoey)

Ryota Murakami (@ryota-murakami)

sho90 (@sho-t)

Migrating from 4.0.0 to 4.0.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v4.0.0(Oct 23, 2020)
4.0.0 (2020-10-23)

Create React App 4.0 is a major release with several new features, including support for Fast Refresh!

Thanks to all the maintainers and contributors who worked so hard on this release! :raised_hands:

Highlights

Fast Refresh #8582

React 17 support

New JSX transform #9645

TypeScript 4 support #9734

ESLint 7 #8978

New Jest and React Testing Library rules #8963

Jest 26 #8955

PWA/workbox improvements

Switch to the Workbox InjectManifest plugin #9205

Now its own template so it can be released independently

Web Vitals support #9116

Migrating from 3.4.x to 4.0.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]

NOTE: You may need to delete your node_modules folder and reinstall your dependencies by running yarn (or npm install) if you encounter errors after upgrading.

If you previously ejected but now want to upgrade, one common solution is to find the commits where you ejected (and any subsequent commits changing the configuration), revert them, upgrade, and later optionally eject again. It’s also possible that the feature you ejected for is now supported out of the box.

Breaking Changes

Like any major release, [email protected] contains a number of breaking changes. We expect that they won't affect every user, but we recommend you look over this section to see if something is relevant to you. If we missed something, please file a new issue.

ESLint

We've upgraded to ESLint 7 and added many new rules including some for Jest and React Testing Library as well as the import/no-anonymous-default-export rule. We've also upgraded eslint-plugin-hooks to version 4.0.0 and removed the EXTEND_ESLINT flag as it is no longer required to customize the ESLint config.

Jest

We've upgraded to Jest 26 and now set resetMocks to true by default in the Jest config.

Service workers

We've switched to the Workbox InjectManifest plugin and moved the PWA templates into their own repository.

Removed typescript flag and NODE_PATH support

We've removed the deprecated typescript flag when creating a new app. Use --template typescript instead. We've also dropped deprecated NODE_PATH flag as this has been replaced by setting the base path in jsconfig.json.

Fix dotenv file loading order

We've changed the loading order of env files to match the dotenv specification. See #9037 for more details.

Dropped Node 8 support

Node 8 reached End-of-Life at the end of 2019 and is no longer supported.

Detailed Changelog

:rocket: New Feature

eslint-config-react-app, react-error-overlay, react-scripts

#8963 feat(eslint-config-react-app): Add jest & testing-library rules (@MichaelDeBoey)

react-scripts

#9611 Add AVIF image support (@Hongbo-Miao)

#9114 Allow testMatch for jest config (@Favna)

#8790 Add back in --stats output from webpack. (@samccone)

#8838 Support devDependencies in templates (@mrmckeb)

create-react-app

#9359 feat: exit on outdated create-react-app version (@mrmckeb)

cra-template-typescript, cra-template, react-scripts

#9205 Switch to the Workbox InjectManifest plugin (@jeffposnick)

react-dev-utils, react-scripts

#8582 Add experimental react-refresh support (@charrondev)

:boom: Breaking Change

eslint-config-react-app, react-error-overlay, react-scripts

#8963 feat(eslint-config-react-app): Add jest & testing-library rules (@MichaelDeBoey)

#8978 Support ESLint 7.x (@MichaelDeBoey)

cra-template-typescript, cra-template, eslint-config-react-app, react-error-overlay, react-scripts

#9587 Remove EXTEND_ESLINT and add Jest rules (@mrmckeb)

eslint-config-react-app

#9401 fix: remove deprecated rule (@ljosberinn)

create-react-app

#9359 feat: exit on outdated create-react-app version (@mrmckeb)

cra-template-typescript, cra-template, react-scripts

#9205 Switch to the Workbox InjectManifest plugin (@jeffposnick)

babel-plugin-named-asset-import, confusing-browser-globals, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#8955 Upgrade to Jest 26 (@ianschmitz)

create-react-app, react-scripts

#8934 feat: remove typescript flag and NODE_PATH support (@mrmckeb)

react-scripts

#9037 Fix dotenv file loading order (@Timer)

#7899 Set resetMocks to true by default in jest config (@alexkrolick)

babel-plugin-named-asset-import, babel-preset-react-app, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#8950 Dependency major version upgrades (@ianschmitz)

eslint-config-react-app, react-scripts

#8926 Add import/no-anonymous-default-export lint rule (@shakib609)

#8939 Bump React Hooks ESLint plugin to 4.0.0 (@gaearon)

cra-template-typescript, cra-template, create-react-app, react-app-polyfill, react-dev-utils, react-scripts

#8948 Drop Node 8 support (@ianschmitz)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, cra-template-typescript, react-dev-utils, react-error-overlay, react-scripts

#8362 Upgrade to Jest 25 (@skovhus)

:bug: Bug Fix

react-scripts

#9805 Fix refreshOverlayInterop module scope error (@ianschmitz)

#9037 Fix dotenv file loading order (@Timer)

#8700 Skip stdin resuming to support lerna parallel (@hieuxlu)

#8845 Do not check for interactive session to shut down dev server (@jeremywadsack)

#8768 Add .cjs and .mjs files support to test runner (@ai)

babel-preset-react-app, eslint-config-react-app, react-scripts

#9788 fix: resolve new JSX transform issues (@mrmckeb)

eslint-config-react-app, react-scripts

#9683 fix: resolve ESLint config from appPath (@mrmckeb)

create-react-app

#9412 Fix template name handling (@iansu)

babel-preset-react-app

#9374 fix: use default modules option from preset-env (@JLHwung)

react-dev-utils

#9390 Publish refreshOverlayInterop with react-dev-utils (@klinem)

#8492 Replace period in CSS Module classnames (@evankennedy)

react-dev-utils, react-scripts

#8694 Use process.execPath to spawn node subprocess (@anuraaga)

cra-template-typescript, cra-template, react-scripts

#8734 fix: handle templates without main package field (@mrmckeb)

:nail_care: Enhancement

react-scripts

#9734 Use new JSX setting with TypeScript 4.1.0 (@iansu)

#8638 Support source maps for scss in dev environments (@MKorostoff)

#8834 Don't use webpack multi entry unnecessarily (@sebmarkbage)

babel-preset-react-app, eslint-config-react-app, react-scripts

#9861 New JSX Transform opt out (@iansu)

cra-template

#9853 feat: remove unused React imports (@mrmckeb)

babel-preset-react-app, react-scripts

#9645 Use new JSX transform with React 17 (@iansu)

react-dev-utils, react-scripts

#9350 Add Fast Refresh warning when using React < 16.10 (@iansu)

react-dev-utils, react-error-overlay, react-scripts

#9375 feat: better refresh plugin integration (@pmmmwh)

cra-template-typescript, cra-template

#9116 Add performance relayer + documentation (web-vitals) (@housseindjirdeh)

#8705 Update template tests (@MichaelDeBoey)

create-react-app

#8460 Fix --use-pnp for Yarn 2 (@nickmccurdy)

:memo: Documentation

Other

#9728 Upgrade Docusaurus to latest version (@lex111)

#9630 Emphasise that Next.js is capable of SSG (@liamness)

#9073 Update running-tests.md (@MichaelDeBoey)

#9560 Update Vercel deployment documentation (@timothyis)

#9380 Update running-tests.md (@andycanderson)

#9245 [Doc] fix React Testing Library example (@sakito21)

#9231 Clarify wording in adding TypeScript to existing project (@merelinguist)

#8895 Fix chai URL (@BMorearty)

#9042 Update deployment docs for Azure Static Web Apps (@burkeholland)

#8246 Add a VSCode tip in the CSS reset section (@maazadeeb)

#8610 Update url to see prettier in action (@M165437)

#8684 Simplify wording in setting-up-your-editor.md (@coryhouse)

#8791 Add setupTests.js to the list of generated files (@MostafaNawara)

#8763 Use simplified import of @testing-library/jest-dom (@Dremora)

react-dev-utils

#9471 Fixes in the /packages/react-devs-utils/README.md file (@caspero-62)

#8651 Update build script deployment URL (@StenAL)

cra-template-typescript, cra-template

#9241 Updated README.md Templates to Follow ESLint Markdown Rules (@firehawk09)

#8406 Upgrade testing-library packages (@gnapse)

react-scripts

#9244 Explain how to uninstall create-react-app globally (@nickmccurdy)

#8838 Support devDependencies in templates (@mrmckeb)

cra-template-typescript, cra-template, react-dev-utils, react-scripts

#8957 Move shortlinks to cra.link (@iansu)

babel-preset-react-app

#5847 Include absoluteRuntime in babel preset docs (@iddan)

:house: Internal

eslint-config-react-app

#9670 fix(eslint-config-react-app): Make eslint-plugin-jest an optional peerDependency (@MichaelDeBoey)

Other

#9258 fix: Fix azure-pipelines' endOfLine (@MichaelDeBoey)

#9102 Replace Spectrum links with GitHub Discussions (@iansu)

#8656 Bump acorn from 6.4.0 to 6.4.1 in /docusaurus/website (@dependabot[bot])

#8749 Specify what files are served form a bare local copy (@challet)

cra-template-typescript, cra-template

#9252 feat: Update testing-library dependencies to latest (@MichaelDeBoey)

react-dev-utils

#9059 clean formatMessage usage (@chenxsan)

cra-template

#7787 Bump version of Verdaccio (@ianschmitz)

babel-preset-react-app

#8858 Remove outdated comment (@availchet)

react-scripts

#8952 fix react-refresh babel plugin not applied (@tanhauhau)

:hammer: Underlying Tools

react-scripts

#9865 Pass JSX runtime setting to Babel preset in Jest config (@iansu)

#9841 Bump resolve-url-loader version (@johannespfeiffer)

#9348 Upgrade refresh plugin (@ianschmitz)

#8891 Bump style-loader to 1.2.1 (@chybisov)

react-error-overlay, react-scripts

#9863 Upgrade to React 17 (@iansu)

#9856 feat: Update ESLint dependencies (@MichaelDeBoey)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, cra-template-typescript, cra-template, create-react-app, eslint-config-react-app, react-app-polyfill, react-error-overlay, react-scripts

#9857 feat: Update all dependencies (@MichaelDeBoey)

eslint-config-react-app, react-dev-utils, react-scripts

#9751 Replace deprecated eslint-loader by eslint-webpack-plugin (@tooppaaa)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, cra-template-typescript, cra-template, create-react-app, eslint-config-react-app, react-dev-utils, react-error-overlay, react-scripts

#9639 Upgrade dependencies (@ianschmitz)

eslint-config-react-app, react-error-overlay, react-scripts

#9434 feat: Update ESLint dependencies (@MichaelDeBoey)

#9251 feat: Update ESLint dependencies (@MichaelDeBoey)

#8978 Support ESLint 7.x (@MichaelDeBoey)

cra-template-typescript, cra-template

#9526 Update template dependencies to latest version (@MichaelDeBoey)

#8406 Upgrade testing-library packages (@gnapse)

react-app-polyfill

#9392 Upgrade whatwg-fetch (@Lapz)

react-dev-utils

#8933 Bump immer version (@staff0rd)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#9317 Upgrade dependencies (@ianschmitz)

babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#9196 Upgrade dependencies (@ianschmitz)

#9132 Upgrade dependencies (@ianschmitz)

babel-plugin-named-asset-import, confusing-browser-globals, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#8955 Upgrade to Jest 26 (@ianschmitz)

babel-preset-react-app, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#9081 Update packages (@ianschmitz)

#8947 Minor/patch dependency upgrades (@ianschmitz)

babel-plugin-named-asset-import, babel-preset-react-app, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#8950 Dependency major version upgrades (@ianschmitz)

eslint-config-react-app, react-scripts

#8939 Bump React Hooks ESLint plugin to 4.0.0 (@gaearon)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, cra-template-typescript, react-dev-utils, react-error-overlay, react-scripts

#8362 Upgrade to Jest 25 (@skovhus)

Committers: 63

Adam Charron (@charrondev)

Alex Krolick (@alexkrolick)

Alexey Pyltsyn (@lex111)

Andrey Sitnik (@ai)

Andy C (@andycanderson)

Anuraag Agrawal (@anuraaga)

Braedon Gough (@braedongough)

Brian Morearty (@BMorearty)

Brody McKee (@mrmckeb)

Burke Holland (@burkeholland)

Chetanya Kandhari (@availchet)

Clément DUNGLER (@tooppaaa)

Clément Hallet (@challet)

Cory House (@coryhouse)

Dan Abramov (@gaearon)

Dylan Brookes (@merelinguist)

Ernesto García (@gnapse)

Eugene Chybisov (@chybisov)

Evan Kennedy (@evankennedy)

Gerrit Alex (@ljosberinn)

Hieu Do (@hieuxlu)

Hongbo Miao (@Hongbo-Miao)

Houssein Djirdeh (@housseindjirdeh)

Huáng Jùnliàng (@JLHwung)

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

Iddan Aaronsohn (@iddan)

Jakob Krigovsky (@sonicdoe)

Jeffrey Posnick (@jeffposnick)

Jeremy Wadsack (@jeremywadsack)

Jeroen Claassens (@Favna)

Joe Haddad (@Timer)

Johannes Pfeiffer (@johannespfeiffer)

Josemaria Nriagu (@josenriagu)

Kenneth Skovhus (@skovhus)

Kirill Korolyov (@Dremora)

Kline Moralee (@klinem)

Lenard Pratt (@Lapz)

Liam Duffy (@liamness)

Maaz Syed Adeeb (@maazadeeb)

Marc Hassan (@mhassan1)

Matt Korostoff (@MKorostoff)

Michael Mok (@pmmmwh)

Michael Schmidt-Voigt (@M165437)

Michaël De Boey (@MichaelDeBoey)

Minh Nguyen (@NMinhNguyen)

Mostafa Nawara (@MostafaNawara)

Nick McCurdy (@nickmccurdy)

Rafael Quijada (@firehawk09)

Raihan Nismara (@raihan71)

Sakito Mukai (@sakito21)

Sam Chen (@chenxsan)

Sam Saccone (@samccone)

Sebastian Markbåge (@sebmarkbage)

Shakib Hossain (@shakib609)

Simen Bekkhus (@SimenB)

Stafford Williams (@staff0rd)

Sten Arthur Laane (@StenAL)

Tan Li Hau (@tanhauhau)

Timothy (@timothyis)

Tobias Büschel (@tobiasbueschel)

Webdot_30 (@caspero-62)

@atlanteh

Source code(tar.gz)
Source code(zip)
v3.4.4(Oct 20, 2020)
3.4.4 (2020-10-20)

v3.4.4 release bumps resolve-url-loader to a version for which npm audit does not report a vulnerability. Note that this vulnerability did not affect Create React App projects, so this change is only necessary to satisfy auditing tools.

Migrating from 3.4.3 to 3.4.4

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.4.2(Oct 20, 2020)
3.4.2 (2020-08-11)

v3.4.2 release bumps webpack-dev-server to a version for which npm audit does not report a vulnerability. Note that this vulnerability did not affect Create React App projects, so this change is only necessary to satisfy auditing tools.

Migrating from 3.4.1 to 3.4.2

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.4.3(Oct 20, 2020)
3.4.3 (2020-08-12)

v3.4.3 release bumps terser-webpack-plugin to a version for which npm audit does not report a vulnerability. Note that this vulnerability did not affect Create React App projects, so this change is only necessary to satisfy auditing tools.

Migrating from 3.4.2 to 3.4.3

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.4.1(Mar 21, 2020)
3.4.1 (2020-03-20)

v3.4.1 is a maintenance release that includes minor bug fixes and documentation updates including upgrading Babel to fix a bug in the 7.8 release line. This release also brings support for TypeScript 3.8.

:bug: Bug Fix

react-scripts

#8276 Use native ESLint behaviour when extending (@mrmckeb)

#7203 Closes webpack dev server and exits process on "end" stdin (@kelseyleftwich)

babel-preset-react-app

#8526 Fix optional chaining and nullish coalescing support (@ianschmitz)

cra-template, eslint-config-react-app, react-scripts

#7790 Widen eslint-config-react-app peer dependency versions (@lukyth)

:nail_care: Enhancement

cra-template-typescript, cra-template

#8558 Add React.StrictMode to default templates (@connkat)

react-scripts

#8539 allow specification of package.main in template.json (@EvanBoyle)

:memo: Documentation

Other

#8515 Fix proxying API request docs (@hjr3)

#8561 Indicate that the file structure is the template's (@Vinnl)

react-scripts

#8276 Use native ESLint behaviour when extending (@mrmckeb)

:hammer: Underlying Tools

babel-preset-react-app, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#8681 Update to Babel 7.9 (@ianschmitz)

#8620 Bump dependencies (@ianschmitz)

react-scripts

#8509 Bumps pnp-webpack-plugin (@arcanis)

Committers: 9

Brody McKee (@mrmckeb)

Evan Boyle (@EvanBoyle)

Herman J. Radtke III (@hjr3)

Ian Schmitz (@ianschmitz)

Kanitkorn Sujautra (@lukyth)

KatCon (@connkat)

Kelsey Leftwich (@kelseyleftwich)

Maël Nison (@arcanis)

Vincent (@Vinnl)

Migrating from 3.4.0 to 3.4.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.4.0(Feb 14, 2020)
3.4.0 (2020-02-14)

v3.4.0 is a minor release that adds new features, including support for SSL and setting PUBLIC_URL in development. It also includes a fix for Hot Module Reloading with CSS Modules as well as other bug fixes.

:bug: Bug Fix

react-scripts

#8378 Downgrade style-loader to v0.23.1 due to CSS modules hot reload not working with v1.0.0 and above (@chybisov)

create-react-app, react-dev-utils, react-error-overlay

#8439 Downgrade chalk for ie 11 support (@ianschmitz)

react-dev-utils

#8292 Fixes unchecked access to 'deploy' script on build (@renato-bohler)

cra-template-typescript, cra-template

#8272 Handle service worker error in Firefox (@rosinghal)

cra-template-typescript

#8403 Fix robots.txt for TS (@Kamahl19)

:nail_care: Enhancement

react-dev-utils, react-scripts

#8442 fix(react-scripts): do not redirect served path if request may proxy (@iamandrewluca)

#7259 feat(react-scripts): allow PUBLIC_URL in develoment mode (@iamandrewluca)

#7750 Enable custom sockjs pathname for hot reloading server. (@heygrady)

cra-template-typescript

#8412 Change arrow functions to function declarations (@lewislbr)

cra-template-typescript, cra-template

#8272 Handle service worker error in Firefox (@rosinghal)

react-scripts

#5845 Add option to provide custom ssl certificates during development (@alexbrazier)

:memo: Documentation

cra-template-typescript, cra-template, react-dev-utils, react-error-overlay, react-scripts

#8475 Correct webpack name casing (@lewislbr)

Other

#8437 Fix navbar line break in header (@esvyridov)

#8299 Update public folder usage docs to clarify globals (@keevan)

#8390 setupTestFrameworkScriptFile is deprecated (@JimmyLv)

:hammer: Underlying Tools

react-dev-utils

#8459 update open to v7.0.2 (@vince1995)

#7948 Support JetBrains Rider IDE as an editor (@djpowell)

#8367 Wider Chromium support for openBrowser (@handeyeco)

react-scripts

#8282 Run git init before template dependencies are installed (@lukaszfiszer)

Other

#8402 fix(test): force install npm in e2e-behaviour (@iamandrewluca)

Committers: 18

Alex Brazier (@alexbrazier)

Andrew Luca (@iamandrewluca)

Cassidy Williams (@cassidoo)

Christopher Button (@devgeist)

David Powell (@djpowell)

Eugene Chybisov (@chybisov)

Eugene Sviridov (@esvyridov)

Grady Kuhnline (@heygrady)

Ian Schmitz (@ianschmitz)

Kevin Pham (@keevan)

Lewis Llobera (@lewislbr)

Martin Litvaj (@Kamahl19)

Matthew Curtis (@handeyeco)

Renato Böhler (@renato-bohler)

Rohit Singhal (@rosinghal)

Vincent Semrau (@vince1995)

Łukasz Fiszer (@lukaszfiszer)

吕立青 (@JimmyLv)

Migrating from 3.3.1 to 3.4.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.3.1(Jan 31, 2020)
3.3.1 (2020-01-31)

v3.3.1 is a maintenance release that includes minor bug fixes and documentation updates.

:bug: Bug Fix

cra-template

#8255 Add "Disallow:" to robots.txt (@tomoyaf)

react-scripts

#8281 Fix sass importLoaders (@mariusc23)

#8099 Add titleProp to SVGR ReactComponent type definition (@rhnorskov)

#8028 fix(react-scripts): proactively append to .gitignore during generation (@bmuenzenmeyer)

#8106 Fix CSS font-face minification (@sidonaldson)

babel-preset-react-app

#8120 Sync dependencies babel config (@ianschmitz)

react-dev-utils

#8116 Add slashes to WebSocket protocol URL (@Baael)

#8079 webpackHotDevClient now uses wss when https is used (@mikecaulley)

:nail_care: Enhancement

react-error-overlay

#6548 Add helpful message to the footer (@pyrogenic)

cra-template-typescript

#8177 Remove React.FC from Typescript template (@Retsam)

cra-template-typescript, cra-template, react-scripts

#8219 Add template support for any package.json keys (#8082) (@tomvalorsa)

create-react-app

#8298 Support shorthand scoped templates (@kevin940726)

#8168 Add current version and bin location to --info output (@heyimalex)

cra-template-typescript, cra-template

#8194 Replace favicon in templates (@heyimalex)

eslint-config-react-app

#7803 Remove error for @typescript-eslint/no-namespace (@szhu)

:memo: Documentation

Other

#8380 docs: Add troubleshooting documentation on ENOSPC (@huchenme)

#8394 Update docs according to lint-staged v10 (@lukyth)

#8307 Remove outdated docs regarding vscode eslint extension and typescript autofix (@alex-vukovity-cko)

#8247 Update setting-up-your-editor.md (@dev-xu)

#8092 Update custom template docs with instructions for testing custom template locally (@kevinold)

#8293 Minor grammatical edit (@egrim)

#8212 Little typo (@sonyarianto)

#8147 update PWA docs links to point to template package (@peet)

#8132 Add package-runner note to readme (@JeromeDeLeon)

#8111 chore: update docusaurus & tweak site (@endiliey)

#8080 Fix typo in CHANGELOG.md (@Trontor)

#8077 Add custom-templates to docs sidebar (@ianschmitz)

babel-preset-react-app

#8124 Fix typo in comment: ?. is right, .? is not (@vadzim)

:house: Internal

create-react-app

#8178 Minor refactors in create-react-app (@heyimalex)

:hammer: Underlying Tools

babel-preset-react-app, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#8353 Remove outdated babel plugins (@ianschmitz)

#8324 Update Dependencies (@RDIL)

#8122 Fix CI build (@ianschmitz)

react-dev-utils

#8364 Downgrade open from 7.0.0 to 6.4.0 (@vince1995)

#8163 Bump pkgUp (@andriijas)

babel-plugin-named-asset-import

#8171 Bump babel-plugin-tester and fix breaking changes (@andriijas)

create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#8176 Bump internal dependencies (@andriijas)

create-react-app, react-dev-utils, react-error-overlay

#8164 Bump chalk (@andriijas)

react-error-overlay, react-scripts

#8102 [Security] Update terser webpack plugin (@RDIL)

Committers: 29

Alex Guerra (@heyimalex)

Alex James Vukovity (@alex-vukovity-cko)

Andreas Cederström (@andriijas)

Boyuan Xu (@dev-xu)

Brian Muenzenmeyer (@bmuenzenmeyer)

Endi (@endiliey)

Evan Grim (@egrim)

Hu Chen (@huchenme)

Ian Schmitz (@ianschmitz)

Jerome De Leon (@JeromeDeLeon)

Joshua Pollak (@pyrogenic)

Kai Hao (@kevin940726)

Kanitkorn Sujautra (@lukyth)

Kevin Old (@kevinold)

Marius Craciunoiu (@mariusc23)

Mike Caulley (@mikecaulley)

Peet Goddard (@peet)

Rasmus Nørskov (@rhnorskov)

Reece Dunham (@RDIL)

Sean Zhu (@szhu)

Simon Donaldson (@sidonaldson)

Sony AK (@sonyarianto)

Tom Valorsa (@tomvalorsa)

Tomoya Fujita (@tomoyaf)

Vadzim (@vadzim)

Vincent Semrau (@vince1995)

Wojciech Zieliński (@Baael)

@Retsam

@Trontor

Migrating from 3.3.0 to 3.3.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.3.0(Dec 5, 2019)
3.3.0 (2019-12-04)

v3.3.0 is a minor release that adds new features, including custom templates and support for the new optional chaining and nullish coalescing operators.

Custom Templates

You can now create a new app using custom templates.

We've published our existing templates as cra-template and cra-template-typescript, but we expect to see many great templates from the community over the coming weeks.

The below command shows how you can create a new app with cra-template-typescript.

npx create-react-app my-app --template typescript

Note that you can omit the prefix cra-template- when specifying which template you would like. For TypeScript users, we're deprecating --typescript in favour of --template typescript.

If you don't set a template, we'll create your new app with cra-template - which is just a new name for our base template.

Optional Chaining and Nullish Coalescing Operators

We now support the optional chaining and nullish coalescing operators!

// Optional chaining a?.(); // undefined if `a` is null/undefined b?.c; // undefined if `b` is null/undefined // Nullish coalescing undefined ?? 'some other default'; // result: 'some other default' null ?? 'some other default'; // result: 'some other default' '' ?? 'some other default'; // result: '' 0 ?? 300; // result: 0 false ?? true; // result: false

If you're using TypeScript, you will need to upgrade your typescript dependency to 3.7.0 or later if you wish to use the new operators.

If you're using Visual Studio Code 1.40 (the latest as of this release) or earlier, you will need to configure your editor if you want it to understand the new operators.

If you're using TypeScript in your project and have already upgrade its version as described above, then you can configure VS Code to Use Workspace Version of TypeScript. If your project isn't using TypeScript, you can use the JavaScript and TypeScript Nightly extension until VS Code releases a newer version including TypeScript 3.7.0 or newer.

Numeric Separators

We've added support for numeric separators to improve readability of numeric literals.

1000000000; // Is this a billion? a hundred millions? Ten millions? 101475938.38; // what scale is this? what power of 10? 1_000_000_000; // Ah, so a billion 101_475_938.38; // And this is hundreds of millions

no-unexpected-multiline

We've removed this rule as it is not compatible with Prettier. If you rely on this rule you can re-enable it by extending our ESLint config and adding the following:

{ "extends": "react-app", "rules": { "no-unexpected-multiline": "warn" } }

:rocket: New Feature

babel-preset-react-app

#7438 Add optional chaining and nullish coalescing operators support (@renatoagds)

babel-preset-react-app, react-dev-utils

#7817 Add numeric separator support (@tharun208)

cra-template-typescript, cra-template, create-react-app, react-scripts

#7716 Add template support (@mrmckeb)

:boom: Breaking Change

create-react-app, react-dev-utils, react-scripts

#7988 Bump webpack-dev-server (@ianschmitz)

NOTE: This is only a breaking change if you're using react-dev-utils outside of Create React App.

:bug: Bug Fix

eslint-config-react-app

#8039 Remove no-unexpected-multiline rule (@iansu)

create-react-app

#7991 Support templates in scoped packages (@klasbj)

#7839 added check for typescript template and unsupported node version (@awaseem)

react-scripts

#7860 Mark TypeScript as an optional peer dependency for react-scripts (@dstaley)

#7822 Fix absolute paths issue in Jest (@rovansteen)

#7796 Fixed process type in TypeScript template. (@fuszenecker)

react-dev-utils

#6449 Edit InterpolateHtmlPlugin hook (#6448) (@GuiHash)

:nail_care: Enhancement

cra-template-typescript, cra-template

#8005 Prefix apple-touch-icon links with PUBLIC_URL (@benblank)

#7881 Add @testing-library to the default templates (@kentcdodds)

react-scripts

#7989 Add scripts support to templates (@mrmckeb)

#7921 Add restoreMocks to supported jest config keys (@ianschmitz)

#6352 Add additional information for postcss errors (#6282) (@buildbreakdo)

#6753 Add Service-Worker header to checkValidServiceWorker (@darthmaim)

#7832 feat: add additional Jest keys to whitelist (@mrmckeb)

#7022 Fix node_modules sourcemap config (which will fix VSCode debugging of CRA apps) (@justingrant)

cra-template

#7931 No spinning React logo if prefers-reduced-motion (@donavon)

create-react-app, react-error-overlay

#7052 Dark scheme overlay (@Fabianopb)

babel-preset-react-app

#7726 Add babel runtime version to transform-runtime plugin to reduce bundle size (@topaxi)

:memo: Documentation

Other

#8050 Update template docs (@mrmckeb)

#7995 Add contributors section to readme (@ianschmitz)

#7896 chore: Fix broken link for e2e README (@haruelrovix)

#7874 Bump docusaurus 🦖 (@andriijas)

#7819 📖 DOC: Improvement (@waahab)

#7853 Update adding-bootstrap.md (@Xuhao)

#7849 chore: update README.md gif links (@cchanxzy)

#7840 Link to ASP.NET Core docs (@Daniel15)

#7841 Update getting-started.md (@reactjser)

#7809 Add a note about .eslintignore files being respected (@seanlaff)

#7686 Link to React documentation for code splitting (@Hugodby)

#7785 Upgrade to docusaurus 2 (@endiliey)

#7824 Fix grammar error in troubleshooting.md (@jakeboone02)

#7823 Document correct default behavior for HOST var (@jsejcksn)

#7815 Tightens up the TypeScript docs (@orta)

#7813 Clarify dynamic import stage in docs (@aprilandjan)

react-dev-utils, react-scripts

#7972 Add placeholders where old template READMEs used to be (@iansu)

babel-preset-react-app

#7932 fix seperators typo (@donavon)

react-dev-utils

#7897 chore: Fix broken link for CRA deployment (@haruelrovix)

react-scripts

#7852 Add Alex to lint documentation (@iansu)

#7474 Fix notations of loopback addresses (@wataash)

:house: Internal

react-scripts

#8038 Add TypeScript peer dependency to react-scripts (@iansu)

#7952 Add tests for optional chaining and null coalescing (@ianschmitz)

#7830 Revert logo in templates (@iansu)

Other

#8029 Re-enable GitHub Actions (@iansu)

#7978 Temporarily disable GitHub Actions (@iansu)

#7789 Add yarn.lock to .gitignore (@lukyth)

#7878 Remove alex precommit check (@iansu)

#7861 Add a GitHub Action that runs the build script (@iansu)

eslint-config-react-app

#8003 Use @typescript-eslint/no-unused-expressions to support optional chaining (@maxdavidson)

create-react-app

#7844 added e2e test for checking typescript template with unsupported node (@awaseem)

#7882 refactor: remove double coerce (@mrmckeb)

#7880 Pass through fully specified template name (@iansu)

cra-template-typescript

#7944 Make base and TypeScript templates consistent (@suprj)

create-react-app, react-dev-utils, react-scripts

#7773 Temporarily disable Windows in CI (@ianschmitz)

:hammer: Underlying Tools

babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, react-dev-utils, react-error-overlay, react-scripts

#8024 Bump dependencies (@ianschmitz)

create-react-app, react-dev-utils, react-scripts

#7988 Bump webpack-dev-server (@ianschmitz)

#7876 Bump styling related loaders (@andriijas)

react-app-polyfill

#7999 Unpin dependencies in react-app-polyfill (@ianschmitz)

babel-preset-react-app, react-app-polyfill, react-dev-utils, react-scripts

#7986 Bump dependencies (@ianschmitz)

react-scripts

#7956 Upgrade jest-watch-typeahead (@Andarist)

#7870 Fix eslint complaints in build.js (@andriijas)

#7857 feat: upgrade terser & enable parallel minification in wsl (@endiliey)

#7856 Move unused eslint webpack import into @remove-on-eject block (@mrseanbaines)

babel-preset-react-app, cra-template-typescript, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#7951 Fix CI (@ianschmitz)

react-dev-utils

#7910 Update open (@andriijas)

babel-plugin-named-asset-import, babel-preset-react-app, react-error-overlay, react-scripts

#7814 Upgrade outdated packages (@andriijas)

react-error-overlay, react-scripts

#7875 Bump react (@andriijas)

Committers: 42

Abdul Wahab ⚡️ (@waahab)

Alex Guerra (@heyimalex)

Ali Waseem (@awaseem)

Andreas Cederström (@andriijas)

Ben Blank (@benblank)

Brody McKee (@mrmckeb)

Chun (@cchanxzy)

Damian Senn (@topaxi)

Daniel Lo Nigro (@Daniel15)

Donavon West (@donavon)

Dylan Staley (@dstaley)

Endi (@endiliey)

Fabiano Brito (@Fabianopb)

Guillaume Hertault (@GuiHash)

Havit Rovik (@haruelrovix)

Hugo David-Boyet (@Hugodby)

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

Jake Boone (@jakeboone02)

Jesse Jackson (@jsejcksn)

Jonathan Felchlin (@GreenGremlin)

Joshua Robinson (@buildbreakdo)

Justin Grant (@justingrant)

Kanitkorn Sujautra (@lukyth)

Kent C. Dodds (@kentcdodds)

Klas Björkqvist (@klasbj)

Mateusz Burzyński (@Andarist)

Max Davidson (@maxdavidson)

May (@aprilandjan)

Orta (@orta)

RJ (@suprj)

Renato Augusto Gama dos Santos (@renatoagds)

Robert FUSZENECKER (@fuszenecker)

Robert van Steen (@rovansteen)

Sean Baines (@mrseanbaines)

Sean Lafferty (@seanlaff)

Tharun Rajendran (@tharun208)

Tomáš Hübelbauer (@TomasHubelbauer)

Wataru Ashihara (@wataash)

Xuhao (@Xuhao)

@reactjser

darthmaim (@darthmaim)

Migrating from 3.2.0 to 3.3.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.2.0(Oct 3, 2019)
3.2.0 (2019-10-03)

v3.2.0 is a minor release that adds support for production profiling and ignoring TypeScript type errors to make migrating JavaScript projects to TypeScript easier. It also includes other minor bug fixes and documentation updates.

:rocket: New Feature

react-scripts

#7737 Support production profiling with React Developer Tools (@JacobMGEvans)

react-dev-utils, react-scripts

#6931 Adds TSC_COMPILE_ON_ERROR env var... (@kylebebak)

:bug: Bug Fix

react-scripts

#7754 Fix linting error when using rest props (@alexandrtovmach)

react-app-polyfill

#7205 Guard polyfills against window possibly being undefined (@jxom)

:nail_care: Enhancement

react-scripts

#7687 Use installing package manager in README (@ashr81)

#7755 Support setting baseUrl to root directory (@rovansteen)

#7530 only load eslint config when EXTEND_ESLINT environment variable is specified/ do not swallow eslint config errors (@n1ru4l)

#7742 set output.globalObject to 'this' (@kentcdodds)

#7721 Add "entrypoints" key to asset manifest (@samuelmeuli)

#7562 enable .eslintignore again (@igtm)

react-dev-utils

#6980 Stop hiding the column number of ESLint errors (@justingrant)

:memo: Documentation

#7302 docs: note that 2 to 3 migration may require deletion of node_modules (@kimpers)

#7757 Documentation typo fix: accessbile→accessible (@tomer)

#7601 [Documentation] Updated list of supported Jest config overrides (@neilbryson)

#7705 Update runtime chunk name separator in docs (@samuelmeuli)

:house: Internal

react-scripts

#7752 Fix wrong letter casing (@lewislbr)

react-dev-utils, react-scripts

#7707 Remove 'shortcut' link type before 'icon' (@lewislbr)

:hammer: Underlying Tools

react-scripts

#7729 Remove switch case (@andrelmlins)

Committers: 19

Alexandr Tovmach (@alexandrtovmach)

André Lins (@andrelmlins)

Ashrith Reddy (@ashr81)

Federico Zivolo (@FezVrasta)

Iguchi Tomokatsu (@igtm)

Jacob M-G Evans (@JacobMGEvans)

Jake Moxey (@jxom)

Justin Grant (@justingrant)

Kent C. Dodds (@kentcdodds)

Kim Persson (@kimpers)

Kyle Bebak (@kylebebak)

Laurin Quast (@n1ru4l)

Lewis Llobera (@lewislbr)

Rakan Nimer (@rakannimer)

Reece Dunham (@RDIL)

Robert van Steen (@rovansteen)

Samuel Meuli (@samuelmeuli)

Tomer Cohen (@tomer)

neilbryson (@neilbryson)

Migrating from 3.1.2 to 3.2.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.1.2(Sep 19, 2019)
3.1.2 (2019-09-19)

v3.1.2 is a maintenance release that includes minor bug fixes and documentation updates.

:bug: Bug Fix

react-scripts

#7679 Change runtime chunk name separator from tilde to dash (@javadoug)

#7538 Explicitly checking that EXTEND_ESLINT is true (@BrockWills)

babel-preset-react-app, react-error-overlay, react-scripts

#7662 Fix build (@ianschmitz)

:nail_care: Enhancement

react-scripts

#7704 Add new logo (@iansu)

#7587 Minor performance improvements (@deftomat)

#7633 Disable babel-loader's cacheCompression (@jleclanche)

:memo: Documentation

#7616 Update deployment.md with another AWS example (@AndrewBestbier)

#7663 Remove --single-quote from prettier examples (@brlewis)

#7659 Update running-tests.md (@weyert)

#7459 Update troubleshooting.md (@prevostc)

#7650 Adopt Contributor Covenant (@iansu)

#7620 cleanup-after-each is no longer necessary! (@iHmD)

#7613 Fix seams between changelog majors (@emilpalsson)

#7368 Correcting proxy sample (@szabolcs-szilagyi)

#7536 add a migration step to remove static from robots.txt (@lookfirst)

#7521 Show logo for mobile views in create-react-app.dev (@GrooChu)

:house: Internal

react-scripts

#7526 The variable dotenvFiles is never reassigned - use const instead (@Primajin)

#7585 remove trailing spaces (@xiaoxiangmoe)

:hammer: Underlying Tools

babel-plugin-named-asset-import, confusing-browser-globals, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#7681 Bump dependencies (@ianschmitz)

react-scripts

#7531 Upgrade dotenv-expand to fix issues (@DominicTobias)

eslint-config-react-app, react-scripts

#7540 Bump version of @typescript-eslint/* (@pierreneter)

Committers: 20

Andrew (@AndrewBestbier)

Brock Wills (@BrockWills)

Clément Prévost (@prevostc)

Dominic Tobias (@DominicTobias)

Doug Ross (@javadoug)

Emil Pålsson (@emilpalsson)

Federico Zivolo (@FezVrasta)

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

Jannis Hell (@Primajin)

Jerome Leclanche (@jleclanche)

Jon Stevens (@lookfirst)

Sabesh Rajendran (@GrooChu)

Tomáš Szabo (@deftomat)

Weyert de Boer (@weyert)

ZHAO Jinxiang (@xiaoxiangmoe)

@brlewis

@iHmD

@pierreneter

szabi (@szabolcs-szilagyi)

Migrating from 3.1.1 to 3.1.2

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.1.1(Aug 13, 2019)
3.1.1 (2019-08-13)

v3.1.1 is a maintenance release that includes minor bug fixes and documentation updates.

:bug: Bug Fix

react-scripts

#7513 Fix ESLint 6 support (@ianschmitz)

#7508 Don't block static files in robots.txt (@iansu)

:nail_care: Enhancement

eslint-config-react-app

#7393 Ignore "jsx-a11y/aria-role" for React components (@deftomat)

:memo: Documentation

#7527 Update Netlify config (@iansu)

#7500 Add links to Spectrum in README and docs (@iansu)

Committers: 3

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

Tomáš Szabo (@deftomat)

Migrating from 3.1.0 to 3.1.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.1.0(Aug 9, 2019)
3.1.0 (2019-08-09)

v3.1.0 is a minor release that adds ESLint 6 support as well as experimental support for extending and customizing the ESLint config along with other minor bug fixes and documentation updates.

Highlights

ESLint 6: #7415

Experimental ESLint config customization: #7036

More Jest config options: #6055

Option to configure or disable image inlining: #6060

:rocket: New Feature

eslint-config-react-app, react-error-overlay, react-scripts

#7415 Add ESLint 6 support (@mrmckeb)

eslint-config-react-app, react-scripts

#7036 Add ESLint extend support to eslint-loader (@mrmckeb)

react-dev-utils

#7277 Handle browser arguments (@arvigeus)

react-scripts

#6060 Add environment variable to control image inlining threshold (@peterbe)

#6055 Support for graceful extension of Jest config (@jamesmfriedman)

:boom: Breaking Change

react-scripts

#7176 Fix RegExp from navigateFallbackBlacklist (workbox) (@nuragic)

#7378 Update url-loader to 2.0.1 (@heyimalex)

eslint-config-react-app, react-error-overlay, react-scripts

#7415 Add ESLint 6 support (@mrmckeb)

:bug: Bug Fix

react-dev-utils

#7444 Fix for #6720: HMR not working in Firefox if proxy option present (@dmile)

react-scripts

#5829 Resolve relative paths for preprocessor styles (@iamandrewluca)

#7433 Add explicit check for --watchAll=false (@mrmckeb)

#7378 Update url-loader to 2.0.1 (@heyimalex)

eslint-config-react-app

#7230 jsx-no-duplicate-props ignore case fix (@rommguy)

#7219 fix: eslintrc overrides key should be an array, not object (@ivan-aksamentov)

#7079 Adjust typescript-eslint to not warn about typedefs when used before defined (@vincentjames501)

react-error-overlay, react-scripts

#7257 Upgrade webpack to 4.35.0 to fix dynamic import issue (@iansu)

:nail_care: Enhancement

react-scripts

#7497 add readonly modifier for css module (@xiaoxiangmoe)

#7496 bump sass-loader (@xiaoxiangmoe)

#7176 Fix RegExp from navigateFallbackBlacklist (workbox) (@nuragic)

#7080 Support configuring coveragePathIgnorePatterns (@kentcdodds)

#7482 100% lighthouse score for progressive web app (@dscanlan)

#5951 Set jsonpFunction by default (@sibiraj-s)

#7472 Typescript init: suggest jsx: "react" in tsconfig (@kingdaro)

#7118 Append title element to SVG component via title prop (@sudkumar)

react-dev-utils

#7028 Add vscodium to the editor list (@leonardodino)

#7277 Handle browser arguments (@arvigeus)

eslint-config-react-app, react-error-overlay, react-scripts

#7415 Add ESLint 6 support (@mrmckeb)

eslint-config-react-app

#7179 Disabled Typescript no-undef rule per typescript-eslint #477 (@andyhopp)

create-react-app

#6941 Fix compatibility of create-react-app to Node.js v0.10+ (@tobiasbueschel)

:memo: Documentation

Other

#7488 Adjusted deployment documentation for ZEIT Now (@leo)

#7462 Added dependencies to bootstrap article when using custom SCSS. (@eclectic-coding)

#7340 Update testing-library related npm package names in README (@balazsorban44)

#7423 Add question issue template (@iansu)

#7260 Docs: remove an outdated TypeScript-related note (@MidnightDesign)

#7372 proposal dynamic import are stage 4 (@gespispace)

#7374 docs(svg): add tip for title props accessibility (@sudkumar)

#7182 Update minimum Node versions in docs (@JESii)

#7317 Fix typo (@mvasin)

#7262 Docs: replace the command line to install relay/macro (@soufDev)

#7170 Update deprecated package reference (@bnewcomb)

#7133 Make the OOM abreviation more clear (@tlehtimaki)

#7086 Improve breaking changes info for CRA 3.0.0 (@falldowngoboone)

#7059 Correct spelling of browserslist (@amyrlam)

#7039 docs: fix env-cmd example in deployment section (@VMois)

#7041 Updates the relay docs (@orta)

eslint-config-react-app

#7451 Update README for ESLint config (@mrmckeb)

#7274 Update peer dependencies (@ThewBear)

react-error-overlay, react-scripts

#7355 Fix typos (@minho42)

:house: Internal

babel-preset-react-app

#5818 Remove unused dependencies in babel-preset-react-app (@iansu)

#7208 Use correct babel transform for dynamic import in dependencies (@jamesknelson)

react-scripts

#7433 Add explicit check for --watchAll=false (@mrmckeb)

#6877 Upgrade svgr to 4.2.0 (@iansu)

Other

#7385 Attempt at fixing CI issue on windows (@heyimalex)

#7269 Update issue templates (@mrmckeb)

#7220 Disable Travis build (@ianschmitz)

#7096 Add Azure DevOps build pipeline (@ianschmitz)

#6858 Add test to make sure .d.ts files are ignored when checking for TypeScript (@iansu)

react-error-overlay, react-scripts

#7355 Fix typos (@minho42)

:hammer: Underlying Tools

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#7473 Bump dependencies (@ianschmitz)

eslint-config-react-app, react-error-overlay, react-scripts

#7415 Add ESLint 6 support (@mrmckeb)

eslint-config-react-app, react-scripts

#7036 Add ESLint extend support to eslint-loader (@mrmckeb)

react-scripts

#7118 Append title element to SVG component via title prop (@sudkumar)

#7222 Update @typescript-eslint package versions (@ianschmitz)

#7131 Update fsevents dependency version (@eps1lon)

react-dev-utils

#7058 fix: Replaced opn (deprecated) with open (@jamesgeorge007)

Committers: 46

Adeel Imran (@adeelibr)

Alex Guerra (@heyimalex)

Amy Lam (@amyrlam)

Andrea Puddu (@nuragic)

Andrew Luca (@iamandrewluca)

Andy Hopper (@andyhopp)

Balázs Orbán (@balazsorban44)

Ben Newcomb (@bnewcomb)

Brian Muenzenmeyer (@bmuenzenmeyer)

Brody McKee (@mrmckeb)

Chuck (@eclectic-coding)

Darius Tall (@kingdaro)

Dmitry Lepskiy (@dmile)

Guy Romm (@rommguy)

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

Igor Muchychka (@mucsi96)

Ivan Aksamentov (@ivan-aksamentov)

Ivan Pegashev (@gespispace)

Jack Cross (@crosscompile)

James Friedman (@jamesmfriedman)

James George (@jamesgeorge007)

James K Nelson (@jamesknelson)

Jon Seidel (@JESii)

Kent C. Dodds (@kentcdodds)

Leo Lamprecht (@leo)

Leonardo Dino (@leonardodino)

Mikhail Vasin (@mvasin)

Min ho Kim (@minho42)

Nikolay Stoynov (@arvigeus)

Orta (@orta)

Peter Bengtsson (@peterbe)

Rudolph Gottesheim (@MidnightDesign)

Ryan Boone (@falldowngoboone)

Ryan Marsh (@ryanwmarsh)

Sebastian Silbermann (@eps1lon)

Sibiraj (@sibiraj-s)

Soufiane AIT AKKACHE (@soufDev)

Sudhir Mitharwal (@sudkumar)

Thew Dhanat (@ThewBear)

Tobias Büschel (@tobiasbueschel)

Toni (@tlehtimaki)

Vincent Pizzo (@vincentjames501)

Vladyslav Moisieienkov (@VMois)

ZHAO Jinxiang (@xiaoxiangmoe)

dominic scanlan (@dscanlan)

Migrating from 3.0.1 to 3.1.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.0.1(May 8, 2019)
3.0.1 (2019-05-08)

v3.0.1 is a maintenance release that adjusts some ESLint rules for TypeScript along with other minor bug fixes and documentation updates.

:boom: Breaking Change

babel-preset-react-app

#6887 Update dependencies of Babel preset with recent changes (@skoging)

:bug: Bug Fix

react-error-overlay, react-scripts

#7007 Unpin babel-jest (@ianschmitz)

#7002 Temporary fix for babel-jest preflight error (@ianschmitz)

eslint-config-react-app

#6987 Disable no-dupe-class-members rule for TypeScript (@ianschmitz)

#6862 Fix no-useless-constructor rule in TypeScript (@ianschmitz)

eslint-config-react-app, react-scripts

#6937 Disable default-case lint rule for TypeScript (@ianschmitz)

react-dev-utils

#6876 Change cssmodule classname hash to use relative paths (@vg-stan)

:nail_care: Enhancement

react-dev-utils, react-scripts

#6856 Adds the configuration for PnP/Typescript (@arcanis)

babel-preset-react-app

#6887 Update dependencies of Babel preset with recent changes (@skoging)

react-scripts

#6706 Generate SVG component name in Jest fileTransform (@dallonf)

#6300 Remove body padding reset from templates (@Hurtak)

:memo: Documentation

Other

#6979 Add note to restart the dev server after changing .env file (@MostafaNawara)

#6945 Add clarifying note to TypeScript docs warning about global install of CRA (@methodbox)

#6898 Update GraphQL docs (@nagman)

#6810 Call to action button now reacts to being hovered (@joerez)

#6881 Fix typo in deployment docs (@david-cho-lerat-HL2)

react-app-polyfill

#6879 Update README.md (@david-cho-lerat-HL2)

:house: Internal

react-scripts

#6854 Remove Object.assign from MiniCssExtractPlugin options (@swashcap)

Committers: 12

Chris Shaffer (@methodbox)

Cory Reed (@swashcap)

Dallon Feldner (@dallonf)

David Cho-Lerat (@david-cho-lerat-HL2)

Ian Schmitz (@ianschmitz)

Joe Rezendes (@joerez)

Maël Nison (@arcanis)

Mostafa Nawara (@MostafaNawara)

Petr Huřťák (@Hurtak)

Tore Hammervoll (@skoging)

@nagman

@vg-stan

Migrating from 3.0.0 to 3.0.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v3.0.0(Apr 22, 2019)
3.0.0 (April 22, 2019)

Create React App 3.0 brings some exciting new features including support for Hooks!

Thanks to all the maintainers and contributors who worked so hard on this release! :tada:

Highlights

Jest 24: #6278

Hooks support: #5997

TypeScript linting: #6513

browserslist support in @babel/preset-env: #6608

Absolute imports using jsconfig.json/tsconfig.json: #6656

Migrating from 2.1.x to 3.0.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]

If you previously ejected but now want to upgrade, one common solution is to find the commits where you ejected (and any subsequent commits changing the configuration), revert them, upgrade, and later optionally eject again. It’s also possible that the feature you ejected for is now supported out of the box.

Breaking Changes

Like any major release, [email protected] contains a few breaking changes. We expect that they won't affect every user, but we recommend you look over this section to see if something is relevant to you. If we missed something, please file a new issue.

Jest 24

We've updated from Jest 23 to get the latest improvements in Jest 24. We've noticed some differences in snapshot serialization in Jest 24, so you may need to adjust your tests slightly once you update. You can read more about what's changed in the Jest 24 blog post.

Hooks support

We now enforce Rules of Hooks with eslint-plugin-react-hooks. If you are breaking any of the rules of Hooks this will cause your build to fail.

TypeScript linting

We now lint TypeScript files. You can see the list of rules we enforce to check if your project is compatible. If you're using Visual Studio Code you can follow our guide to setup up your editor to display lint warnings.

browserslist support in @babel/preset-env

The browserslist config in your package.json is now used to control the output of your JavaScript files. You can use separate configuration for development and production. See here for a good starting point which gives a good development experience, especially when using language features such as async/await, but still provides high compatibility with many browsers in production

Remove --no-watch flag

We've removed the --no-watch flag from the start script in favor of Jest's own --watchAll=false.

New structure in asset-manifest.json

All asset paths have been moved under the files key in asset-manifest.json.

New Features

using jsconfig.json/tsconfig.json

We now support setting baseUrl in jsconfig.json and tsconfig.json. To configure baseUrl to point to the src directory in your JavaScript project, create a jsconfig.json file in your project root:

```json { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } ```

If you have a TypeScript project you can configure baseUrl the same way in your tsconfig.json.

Currently the only supported options for baseUrl are node_modules (the default) and src.

PostCSS Normalize

You can now include a version of Normalize.css in your project that will use your browserslist setting to generate the appropriate styles for your target browsers. To include it simply add @import-normalize at the top of one of your CSS files.

Detailed Changelog

:rocket: New Feature

react-scripts

#6656 Set baseUrl from jsconfig.json/tsconfig.json (@rovansteen)

#5810 Adds PostCSS Normalize (@mrchief)

babel-plugin-named-asset-import, confusing-browser-globals, react-dev-utils, react-error-overlay, react-scripts

#6278 Update to Jest 24 (@loryman)

eslint-config-react-app, react-scripts

#6513 Add TypeScript linting support (@ianschmitz)

babel-preset-react-app, eslint-config-react-app, react-scripts

#5997 Support React Hooks (#5602) (@eivind88)

babel-preset-react-app, react-dev-utils, react-scripts

#6608 Support browserslist in @babel/preset-env (@ianschmitz)

:boom: Breaking Change

react-scripts

#6848 Remove no-watch flag in favor of watchAll=false (@bugzpodder)

#6821 Add custom function to generate asset manifest (@iansu)

#6750 change NODE_ENV and PUBLIC_URL into readonly (@xiaoxiangmoe)

#4176 Remove --coverage + --watch workaround for the test command (@stipsan)

#6615 Allow .json type checking (@ianschmitz)

#6821 Add custom function to generate asset manifest (@iansu)

babel-preset-react-app, react-app-polyfill

#6769 Update to core-js@3 (@ianschmitz)

babel-plugin-named-asset-import, confusing-browser-globals, react-dev-utils, react-error-overlay, react-scripts

#6278 Update to Jest 24 (@loryman)

eslint-config-react-app, react-scripts

#6513 Add TypeScript linting support (@ianschmitz)

babel-preset-react-app, eslint-config-react-app, react-scripts

#5997 Support React Hooks (#5602) (@eivind88)

babel-preset-react-app, react-dev-utils, react-scripts

#6608 Support browserslist in @babel/preset-env (@ianschmitz)

:bug: Bug Fix

react-dev-utils

#6735 InlineChunkHtmlPlugin works with empty publicPath (@ItalyPaleAle)

react-scripts

#6732 fix: terser-webpack-plugin hanging on WSL (@endiliey)

#6610 Convert JSON.stringify \n to os.EOL (@MikeBeaton)

create-react-app

#6759 Fix unlogged yarn pnp message (@heyimalex)

:nail_care: Enhancement

react-scripts

#6845 Change CRA version in react-scripts eject warning. (@lffg)

#6821 Add custom function to generate asset manifest (@iansu)

#6580 Fix react-scripts peer-deps link local issue (@transitive-bullshit)

#6746 Replace deprecated SFC with FunctionComponent in react-app.d.ts (@iamandrewluca)

#6160 Suggests that tsconfig.json is incorrect only when SyntaxError is caught (@Andarist)

#6696 Enable futureEmitAssets in webpack config (@iansu)

#6669 Remove unnecessary shrink-to-fit=no meta data (@abdelrahmanrifai)

#5686 Add empty mock for http2 (@kjin)

#5960 add command to add files to staging after eject (@clickclickonsal)

#6615 Allow .json type checking (@ianschmitz)

#6451 change class component to function component (@xiaoxiangmoe)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, create-react-app, eslint-config-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#6826 Add directory details to packages/* package.json (@feelepxyz)

babel-preset-react-app, react-app-polyfill

#6769 Update to core-js@3 (@ianschmitz)

create-react-app

#6770 Warn when using react-scripts-ts (@ianschmitz)

react-dev-utils

#5821 Add wait: false to options object for opn (@evalexpr)

#6502 Enable click to go to error in console part 2! (@johnnyreilly)

:memo: Documentation

Other

#6847 Add baseUrl documentation (@ianschmitz)

#6801 Copy fixes in adding Bootstrap docs (@panckreous)

#6820 Fix docs about minimum React version for SVG component support (@iansu)

#6817 Add link to TypeScript page in Getting Started (@ianschmitz)

#6786 Clarify production build output files documentation (@bakuzan)

#6783 Add SVG support dependency note (@pnarielwala)

#6772 Update link to React Testing Library docs (@fjoshuajr)

#6695 Add Render deployment section (@anurag)

#6082 Add explanation for adding everything as dependencies to docs (@mikeattara)

#5481 Document .graphql and .gql file loading with graphql.macro (@petetnt)

#6491 Update advanced-configuration.md (@stephengodderidge)

#6208 Add deployment instructions with AWS Amplify (@swaminator)

#6374 Add note about npx caching and link to #6119 (@TaylorBriggs)

#6386 Revert removal of newlines from html in docs (@JBallin)

react-scripts

#6848 Remove no-watch flag in favor of watchAll=false (@bugzpodder)

#6775 Fix code comment typo (@bestseob93)

:house: Internal

Other

#6829 Upgrade to Lerna v3 (@iansu)

#6762 Add temporary workaround for Babel dependency issues in kitchensink-eject test suite (@iansu)

#6757 Add temporary workaround for Babel dependency issues in installs test suite (@iansu)

#6700 Kill verdaccio in CI tasks cleanup (@santoshyadav198613)

#6690 Remove duplicate url key in siteConfig (@charpeni)

react-scripts

#6313 Update testMatch to also be compatible with Jest 24 (@ngbrown)

#4176 Remove --coverage + --watch workaround for the test command (@stipsan)

#6655 Change app component declaration from arrow function to regular function (@iansu)

#6625 change named import into default import (@xiaoxiangmoe)

#6621 make compiler a const not a let (@Primajin)

babel-plugin-named-asset-import, confusing-browser-globals, react-dev-utils, react-error-overlay, react-scripts

#6654 Cleanup Jest config (@ianschmitz)

react-dev-utils

#6674 Remove unused eslint comment (@mohitsinghs)

eslint-config-react-app

#6662 Sync version of babel-eslint in eslint-config-react-app for react-scripts V3 (@dalcib)

:hammer: Underlying Tools

react-scripts

#6843 Update fsevents dependency version (@FrancoisRmn)

#6725 Update to workbox-webpack-plugin v4 (@r0ughnex)

#6361 Updating html-webpack-plugin dep (@Aftabnack)

#6483 Update webpack-dev-server to 3.2.1 (@ThePrez)

babel-plugin-named-asset-import, babel-preset-react-app, confusing-browser-globals, create-react-app, eslint-config-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#6840 Relax ESLint version range (@ianschmitz)

babel-preset-react-app

#6780 Remove unused babel-loader from babel-preset-react-app (@tlrobinson)

babel-preset-react-app, react-dev-utils, react-error-overlay, react-scripts

#6767 Update dependency versions (@ianschmitz)

react-dev-utils

#6739 Update fork-ts-checker-webpack-plugin out of alpha (@pelotom)

eslint-config-react-app

#6701 Remove project property from @typescript-eslint/parser options (@jackwilsdon)

eslint-config-react-app, react-scripts

#6653 Unpin eslint-config-react-hooks dependency (@iansu)

babel-preset-react-app, eslint-config-react-app, react-scripts

#5997 Support React Hooks (#5602) (@eivind88)

babel-preset-react-app, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#6614 Upgrade dependencies (@ianschmitz)

Committers: 49

Abdelrahman Rifai (@abdelrahmanrifai)

Aftab Khan (@Aftabnack)

Alessandro (Ale) Segala (@ItalyPaleAle)

Alex Guerra (@heyimalex)

Andrew Luca (@iamandrewluca)

Anurag Goel (@anurag)

Cody Olsen (@stipsan)

Dalci de Jesus Bagolin (@dalcib)

Dan (@panckreous)

Eivind Arvesen (@eivind88)

Endilie Yacop Sucipto (@endiliey)

Francisco Joshua (@fjoshuajr)

Hrusikesh Panda (@mrchief)

Ian Schmitz (@ianschmitz)

Ian Sutherland (@iansu)

JBallin (@JBallin)

Jack Wilsdon (@jackwilsdon)

Jack Zhao (@bugzpodder)

Jannis Hell (@Primajin)

John Reilly (@johnnyreilly)

Kelvin Jin (@kjin)

Lorenzo Rapetti (@loryman)

Luiz Felipe Gonçalves (@lffg)

Mateusz Burzyński (@Andarist)

Mike Beaton (@MikeBeaton)

Mike Perry Y Attara (@mikeattara)

Mohit Singh (@mohitsinghs)

Nathan Brown (@ngbrown)

Nicolas Charpentier (@charpeni)

Nikhil Swaminathan (@swaminator)

Parth Narielwala (@pnarielwala)

Pete Nykänen (@petetnt)

Philip Harrison (@feelepxyz)

Pradeep Sekar (@r0ughnex)

Raphael.dev (@bestseob93)

Robert van Steen (@rovansteen)

Romain François (@FrancoisRmn)

Salvador Hernandez (@clickclickonsal)

Santosh Yadav (@santoshyadav198613)

Stephen Godderidge (@stephengodderidge)

Taylor Briggs (@TaylorBriggs)

Tom Crockett (@pelotom)

Tom Robinson (@tlrobinson)

Travis Fischer (@transitive-bullshit)

Wilkins (@evalexpr)

ZHAO Jinxiang (@xiaoxiangmoe)

@ThePrez

@bakuzan

@frederikhors

Source code(tar.gz)
Source code(zip)
v2.1.8(Mar 7, 2019)
2.1.8 (March 7, 2019)

v2.1.8 is a maintenance release that reapplies the TypeScript speed improvements (#6406) in a new major version of react-dev-utils.

Migrating from 2.1.7 to 2.1.8

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.7(Mar 7, 2019)
2.1.7 (March 7, 2019)

v2.1.7 is a maintenance release that temporarily reverts the TypeScript speed improvements (#6406) to fix a dependency issue in react-dev-utils.

Migrating from 2.1.6 to 2.1.7

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.6(Mar 6, 2019)
2.1.6 (March 6, 2019)

v2.1.6 is a maintenance release that brings a few new improvements, most notably:

:rocket: Reduced TypeScript rebuild times while running the development server. This was previously introduced in v2.1.4 but had to be reverted. Thanks to @ianschmitz for getting this ready.

:bug: Bug Fix

react-dev-utils

#6511 Fix deploy instructions to make link clickable. (@sbimochan)

react-scripts

#6472 Revert CSS sourcemaps in development. (@bugzpodder)

#6444 Revert "Switch to eval-source-map (#5060)". (@ianschmitz)

:nail_care: Enhancement

react-dev-utils, react-scripts

#6406 Speed up TypeScript rebuild times in development. (@ianschmitz)

create-react-app

#6253 Only use yarn.lock.cached if using the default Yarn registry. (@hangryCat)

react-scripts

#5457 Add forward ref to React SVG Component. (@GasimGasimzada)

:memo: Documentation

babel-preset-react-app

#6254 Improve Flow and TypeScript usage docs. (@saranshkataria)

babel-preset-react-app, confusing-browser-globals, react-app-polyfill

#6419 Improve language used in markdown code blocks. (@cherouvim)

create-react-app

#6481 Fix typo. (@adyouri)

react-dev-utils

#6482 Fix typo. (@mattfwood)

Other

#6438 Update source-map-explorer docs to analyze all chunks. (@Kamahl19)

#6454 Fix typo. (@DenrizSusam)

#5767 Add information about using custom registries in e2e testing #4488. (@juanpicado)

react-dev-utils, react-scripts

#6239 Convert all bit.ly links from http to https. (@leighhalliday)

:house: Internal

#6493 Remove AppVeyor config files. (@iansu)

#6474 Remove latest Node version from Travis config. (@iansu)

:hammer: Underlying Tools

react-scripts

#6387 Use contenthash instead of chunkhash for better long-term caching. (@ianschmitz)

Other

#6365 Upgrade Docusaurus and enable new features. (@yangshun)

Committers: 15

Abdelhadi Dyouri (adyouri)

Bimochan Shrestha (sbimochan)

Deniz Susman (DenrizSusam)

Gasim Gasimzada (GasimGasimzada)

Ian Schmitz (ianschmitz)

Ian Sutherland (iansu)

Ioannis Cherouvim (cherouvim)

Jack Zhao (bugzpodder)

Juan Picado @jotadeveloper (juanpicado)

Leigh Halliday (leighhalliday)

Martin Litvaj (Kamahl19)

Matt Wood (mattfwood)

Meo H. (hangryCat)

Saransh Kataria (saranshkataria)

Yangshun Tay (yangshun)

Migrating from 2.1.5 to 2.1.6

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.5(Feb 11, 2019)
2.1.5 (February 11, 2019)

v2.1.5 is a maintenance release that reverts the TypeScript speed improvements (#5903) to fix a dependency issue in react-dev-utils.

Migrating from 2.1.4 to 2.1.5

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.4(Feb 10, 2019)
2.1.4 (February 10, 2019)

v2.1.4 is a maintenance release that brings a number of awesome improvements. A few notable ones include:

:rocket: Reduced TypeScript rebuild times while running the development server. TypeScript is now blazing fast! Special thanks to @deftomat and @johnnyreilly and the other contributors for their hard work on this. (#5903)

Jest type ahead support which provides a much nicer experience when filtering your tests using the Jest CLI (#5213)

And many more improvements!

:bug: Bug Fix

react-scripts

#6364 Use semicolons in the ProcessEnv interface. (@DominikPalo)

#6276 Prevent cursor events on app-logo svg. (@kostadriano)

:nail_care: Enhancement

react-scripts

#5213 Add Jest typeahead plugin. (@gaearon)

#5713 Sass source map for dev. (@zhuoli99)

#6285 Allow react-scripts test --no-watch. (@ricokahler)

#5060 Enable eval-source-map for firefox. (@jasonLaster)

react-dev-utils, react-scripts

#5903 Speed up TypeScript projects. (@deftomat)

:memo: Documentation

Other

#6383 Update docs links to prefer HTTPS for supported domains. (@ianschmitz)

#6062 [docs] Warn/clarify that env vars are NOT "SECRET". (@JBallin)

#6359 Update ZEIT Now deployment instructions. (@timothyis)

#6346 Minor issue in README.md. (@nathanlschneider)

#6331 Update docs to document --no-watch. (@ricokahler)

#6229 Update serve port flag and add example. (@lyzhovnik)

#6190 Updating updating-to-new-releases.md for users who installed CRA globally. (@carpben)

#6095 Changes to steps for publishing GitHub User Page. (@StevenTan)

#6157 Add note for global install of CLI. (@ianschmitz)

#6149 update link for difference between proposal stages. (@loveky)

#6141 Remove extra table cell. (@yangshun)

react-scripts

#6355 Make manifest.json description more generic. (@chrisself)

:house: Internal

Other

#6050 Fix e2e:docker failure with "access denied". (@jamesknelson)

#6179 Update local-test.sh to return test exit code. (@dallonf)

#6165 Fix CI builds. (@ianschmitz)

react-scripts

#5798 Added module to ignored node modules list. (@dotansimha)

#6022 TypeScript detection filtering 'node_modules'.. (@holloway)

react-dev-utils, react-scripts

#6150 dependencies: move chalk to react-dev-utils. (@otaviopace)

babel-plugin-named-asset-import, react-scripts

#5816 Upgrade @svgr/webpack to 4.1.0. (@alaycock)

react-dev-utils

#6162 Update react-dev-util globby dependency to v8.0.2. (@davidlukerice)

babel-preset-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts

#6137 Fix CI and upgrade dependencies. (@Timer)

:hammer: Underlying Tools

babel-preset-react-app, react-app-polyfill, react-dev-utils, react-scripts

#6393 Upgrade dependencies. (@ianschmitz)

babel-preset-react-app

#6307 Update babel-plugin-macros 2.4.4 -> 2.4.5. (@maniax89)

eslint-config-react-app, react-scripts

#6132 Bump eslint-plugin-react version and update webpack config. (@ianschmitz)

Committers: 29

Adam Laycock (alaycock)

Adriano Costa (kostadriano)

Andrew Turgeon (maniax89)

Ben Carp (carpben)

Charles Pritchard (Downchuck)

Chris Self (chrisself)

Dallon Feldner (dallonf)

Dan Abramov (gaearon)

David Rice (davidlukerice)

Dominik Palo (DominikPalo)

Dotan Simha (dotansimha)

Ian Schmitz (ianschmitz)

JBallin (JBallin)

James George (jamesgeorge007)

James K Nelson (jamesknelson)

Jason Laster (jasonLaster)

Joe Haddad (Timer)

Matthew Holloway (holloway)

Nathan Schneider (nathanlschneider)

Nikita Lyzhov (lyzhovnik)

Otávio Pace (otaviopace)

Rico Kahler (ricokahler)

Steven Tan (StevenTan)

Timothy (timothyis)

Tomáš Szabo (deftomat)

Yangshun Tay (yangshun)

gottfired

zhuoli99

loveky (loveky)

Migrating from 2.1.3 to 2.1.4

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.3(Jan 4, 2019)
2.1.3 (January 4, 2019)

v2.1.3 is a maintenance release to fix a vulnerability in webpack-dev-server.

:memo: Documentation

Other

#6067 Correct an error for documentation. (@hardo)

#6110 Replace deprecated VSCode launch.json variable. (@raiskila)

#5631 Generalize the adding bootstrap documentation. (@jquense)

#6084 Remove outdated docs for setting up eslint in editor. (@LukasWerfel)

#6061 Fix control comment of CSS Grid prefixing. (@denexapp)

react-scripts

#6036 Fix comment typo. (@shawtung)

:house: Internal

create-react-app, react-error-overlay

#6104 Typo fixes. (@prashant-andani)

:hammer: Underlying Tools

react-scripts

#6064 Update webpack-dev-server 3.1.9 -> 3.1.14. (@Friss)

Committers: 8

Denis Mukhametov (denexapp)

Hardo (hardo)

Janne Raiskila (raiskila)

Jason Quense (jquense)

Lukas Werfel (LukasWerfel)

Prashant Andani (prashant-andani)

Zachary Friss (Friss)

shawtung

Migrating from 2.1.2 to 2.1.3

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.2(Dec 23, 2018)
2.1.2 (December 23, 2018)

v2.1.2 is a maintenance release including various bug fixes.

:rocket: New Feature

babel-preset-react-app

#5487 Add allowESModules option to babel-preset-react-app (@Pajn)

:bug: Bug Fix

create-react-app

#5905 Disable copy to clipboard in create-react-app --info (@heyimalex)

#5685 Update envinfo to 5.11.1 (@tabrindle)

babel-preset-react-app

#5783 Fix TypeScript decorator support (@ianschmitz)

babel-plugin-named-asset-import

#5573 Fix named-asset-import plugin to work with export-as syntax (@NShahri)

react-app-polyfill

#5789 Don't polyfill fetch for Node (@gshilin)

react-scripts

#5721 Version bump postcss-preset-env to latest (@BPScott)

#5701 Fix tsconfig.json lib suggested value (@ianschmitz)

:nail_care: Enhancement

react-scripts

#5698 Add support for setupTests.ts (@ianschmitz)

:memo: Documentation

Other

#6009 Correct markdown to avoid comment. (@souzasmatheus)

#6015 Add example command to create typed project. (@mbelsky)

#6000 Make links to docs consistent in README. (@iansu)

#5900 Add production build section to docs. (@ianschmitz)

#5985 Use https for linked images to fix mixed content warnings. (@iansu)

#5919 Docs: update localStorage mock in “Running Tests”. (@phacks)

#5917 Add SASS_PATH instructions to Sass stylesheet docs. (@jayantbh)

#5823 Add default values to file_ext note. (@alaycock)

#5907 Update README.md with updated link about PWAs. (@wuweiweiwu)

#5858 Some Grammar fixes. (@nikhilknoldus)

#5883 Fix link to page about running tests. (@wsmoak)

#5849 React native repository updated in README.md. (@pavinthan)

#5806 Rename 'getting started' link to 'docs'. (@kulek1)

#5788 docs: Simplify installing Storybook with npx (@sagirk)

#5779 docs: Change story book command to sb init (@andys8)

#5759 Add PR welcoming badge (@open-source-explorer)

#5730 Suggest Encore when not building a SPA with Symfony (@dunglas)

#5710 Updated the link to firebase hosting (@githubsaturn)

#5704 Fixed link to manifest.json file (@m4jing)

#5670 Fix public folder documentation link (@makovkastar)

eslint-config-react-app

#5990 Updated docs for .eslintrc (@ManoelLobo)

babel-preset-react-app, create-react-app, eslint-config-react-app, react-dev-utils, react-scripts

#5912 Update links to docs in all package README files (@iansu)

react-scripts

#5974 Improve advice in verifyPackageTree.js (@sjalgeo)

#5954 Add pre-eject message about new features in v2 (@iansu)

#5808 Add placeholders to template README for bit.ly links (@iansu)

react-app-polyfill

#5814 Note that extra polyfills must be included manually (@ajwann)

babel-preset-react-app, eslint-config-react-app, react-error-overlay, react-scripts

#5727 Fix typo (@noelyoo)

:house: Internal

react-scripts

#5978 Add webp support for TypeScript. (@dugagjin)

#5959 Suggest a different default for speed reasons. (@Timer)

#5839 Run prettier on HTML files. (@sibiraj-s)

#5722 Merge webpack configuration. (@Timer)

#5694 Add permissive TS lib defaults. (@Timer)

Other

#5988 Added extension to .eslintrc (@ManoelLobo)

#5546 Add the latest stable node version. (@noelyoo)

react-dev-utils

#5927 Correct some comments. (@mjackson)

#5879 fix: make typescriptformatter support 0.5 of fork checker. (@SimenB)

react-error-overlay

#5451 fix: add sideEffects: false to react-error-overlay. (@SimenB)

babel-preset-react-app

#5487 Add allowESModules option to babel-preset-react-app. (@Pajn)

create-react-app

#4605 ignore intellij module files when generating an app. (@denofevil)

Committers: 36

<Explorer /> (open-source-explorer)

Adam Laycock (alaycock)

Adam Wanninger (ajwann)

Alex Guerra (heyimalex)

Andy (andys8)

Ben Scott (BPScott)

Dennis Ushakov (denofevil)

Dugagjin Lashi (dugagjin)

Gregory Shilin (gshilin)

Ian Schmitz (ianschmitz)

Ian Sutherland (iansu)

Jayant Bhawal (jayantbh)

Jing Ma (m4jing)

Joe Haddad (Timer)

Kasra Bigdeli (githubsaturn)

Kévin Dunglas (dunglas)

Manoel (ManoelLobo)

Matheus Souza (souzasmatheus)

Max Belsky (mbelsky)

Michael Jackson (mjackson)

Nicolas Goutay (phacks)

Nikhil (nikhilknoldus)

Nima Shahri (NShahri)

Noel Yoo (noelyoo)

Oleksandr Melnykov (makovkastar)

Pavinthan (pavinthan)

Rasmus Eneman (Pajn)

Sagir Khan (sagirk)

Sibiraj (sibiraj-s)

Simen Bekkhus (SimenB)

Stephen Algeo (sjalgeo)

Trevor Brindle (tabrindle)

Wei-Wei Wu (wuweiweiwu)

Wendy Smoak (wsmoak)

kulek1

swyx (sw-yx)

Migrating from 2.1.1 to 2.1.2

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.1(Nov 1, 2018)
2.1.1 (October 31, 2018)

Happy Halloween 🎃 👻! This spooky release brings a treat: decorator support in TypeScript files!

:bug: Bug Fix

babel-preset-react-app

#5659 Add support for decorators. (@Timer)

react-scripts

#5621 fix 'Duplicate string index signature' in ProcessEnv. (@xiaoxiangmoe)

:nail_care: Enhancement

babel-preset-react-app

#5659 Add support for decorators. (@Timer)

:memo: Documentation

#5658 Update making-a-progressive-web-app.md. (@jakeboone02)

#5635 Update minimum node version to 8.10 in README. (@iansu)

#5629 Add link to cra-ts migration guide. (@Vinnl)

:house: Internal

react-error-overlay

#4709 Expose reportRuntimeError. (@hipstersmoothie)

babel-plugin-named-asset-import

#5575 add tests for named-asset-imports plugin. (@NShahri)

react-scripts

#5651 Make serviceWorker config argument optional in typescript. (@eddedd88)

Committers: 8

Andrew Lisowski (hipstersmoothie)

Eduardo Duran (eddedd88)

Ian Sutherland (iansu)

Jake Boone (jakeboone02)

Joe Haddad (Timer)

Nima Shahri (NShahri)

Vincent (Vinnl)

ZHAO Jinxiang (xiaoxiangmoe)

Migrating from 2.1.0 to 2.1.1

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.1.0(Oct 30, 2018)
2.1.0 (October 29, 2018)

Create React App 2.1 adds support for TypeScript! Read the documentation to get started.

New applications can be created using TypeScript by running:

$ npx create-react-app my-app --typescript

:rocket: New Feature

create-react-app, react-scripts

#5550 Add TypeScript app creation (@Timer)

babel-preset-react-app, react-scripts

#4837 TypeScript support using Babel 7 (@brunolemos)

:bug: Bug Fix

react-scripts

#5611 Remove react-scripts type reference on eject. (@Timer)

#5614 Ignore json files from TypeScript type checking. (@brunolemos)

#5609 Remove unsupported options. (@Timer)

#5608 Ignore test files from reported type errors. (@Timer)

#5589 Update react-app.d.ts. (@brunolemos)

#5557 Add typings for process.env. (@brunolemos)

#5532 Use TypeScript parser to read tsconfig.json. (@brunolemos)

#5527 Update Workbox dependency. (@jeffposnick)

react-dev-utils, react-scripts

#5549 Automatically setup TypeScript when detected. (@Timer)

#5537 Respect tsconfig.json extends when validating config. (@ianschmitz)

:nail_care: Enhancement

create-react-app, react-scripts

#5593 Refine how TypeScript types are handled. (@Timer)

react-scripts

#5531 Enable TypeScript json module resolver. (@brunolemos)

#5524 Validate tsconfig when using TypeScript. (@Timer)

#5516 Check for TypeScript install in preflight. (@Timer)

#5515 Always type check TypeScript when being used. (@Timer)

react-dev-utils, react-scripts

#5529 Add TypeScript error formatting. (@Timer)

:memo: Documentation

Other

#5552 Fixing Internal Links. (@ehfeng)

#5551 Add Algolia search bar to Docusaurus. (@amyrlam)

#5533 Simplified TypeScript steps. (@brunolemos)

#5492 Add "edit" feature to Docusaurus pages. (@amyrlam)

#5499 Fix title on Safari. (@yuyokk)

#5494 Fix typo. (@noelyoo)

#5493 Fixed typo in getting-started. (@jessepeterman)

#5344 Add some headings to the getting started section. (@selbekk)

#5251 Add SoMe links to documentation. (@selbekk)

react-scripts

#5512 Update doc links in template README. (@iansu)

#5475 Fix typo. (@thompk2)

#5449 Remove dot from the end of the link to fix it when using from GitHub. (@ranyitz)

:house: Internal

react-scripts

#5607 Turn on certain TypeScript options. (@Timer)

#5559 Change import syntax from typescript declaration. (@brunolemos)

#5469 Avoid pushing .pnp folder to git. (@NShahri)

#5527 Update Workbox dependency. (@jeffposnick)

eslint-config-react-app

#5586 Fixing the code splitting links in the ESLint output. (@jheijmans)

Committers: 15

Amy Lam (amyrlam)

Bruno Lemos (brunolemos)

Eric Feng (ehfeng)

Ian Schmitz (ianschmitz)

Ian Sutherland (iansu)

Iurii Kucherov (yuyokk)

Jeffrey Posnick (jeffposnick)

Jeroen Heijmans (jheijmans)

Jesse Peterman (jessepeterman)

Joe Haddad (Timer)

Kit Thompson (thompk2)

Kristofer Selbekk (selbekk)

Nima Shahri (NShahri)

Noel Yoo (noelyoo)

Ran Yitzhaki (ranyitz)

Migrating from 2.0.5 to 2.1.0

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.0.5(Oct 14, 2018)
2.0.5 (October 14, 2018)

:bug: Bug Fix

react-dev-utils

#5431 Fix click-to-open on Windows. (@gaearon)

#5335 Fix file size report after build. (@OskarPersson)

create-react-app

#5362 Fix CI: non-semver compliant Yarn versions. (@Timer)

react-scripts

#5301 Fix TypeError when registering service workers without config. (@peterbe)

:nail_care: Enhancement

babel-preset-react-app

#4984 Use the correct dependency for babel-plugin-dynamic-import-node. (@vikr01)

react-scripts

#5354 Add environment variable to optionaly disable inlining of chunks. (@0xdeafcafe)

#5330 Update eslint-plugin-jsx-a11y version. (@AlmeroSteyn)

:memo: Documentation

react-scripts

#5321 Added note on update to .flowconfig for .scss imports. (@rlueder)

#5394 Correct instructions for HTTPS and PowerShell. (@gavinbarron)

#5410 Updates to clarify the "waiting" SW behavior. (@jeffposnick)

#5302 Update README.md. (@simonCordovaByte9)

#5334 Update README due to deprecation of react-testing-library's toBeInTheDOM. (@rrebase)

#5326 README link fixes. (@davidgilbertson)

#5327 Updated the URL in index.html. (@behzod)

#5296 Adding documentation about git init. (@ryancogswell)

#5290 Add react-testing-library documentation/examples (#4679). (@gnapse)

#5286 Fix broken links to src/serviceWorker.js. (@adambowles)

Other

#5374 Add the new SVGs feature from the template README to the root README. (@neo)

#5371 Update path to serviceWorker.js in graphical folder structure. (@jonscottclark)

#5337 Fix typo. (@mvasin)

eslint-config-react-app

#5416 Fix eslint config docs. (@ludovicofischer)

:house: Internal

Other

#5365 Clean up the behavior tests. (@Timer)

create-react-app

#5362 Fix CI: non-semver compliant Yarn versions. (@Timer)

react-scripts

#5317 Remove unused require for getCacheIdentifier after ejecting. (@benbrandt)

Committers: 23

Adam Bowles (adambowles)

Alex Forbes-Reed (0xdeafcafe)

Almero Steyn (AlmeroSteyn)

Behzod Saidov (behzod)

Ben Brandt (benbrandt)

Dan Abramov (gaearon)

David Gilbertson (davidgilbertson)

Ernesto García (gnapse)

Gavin Barron (gavinbarron)

Jeffrey Posnick (jeffposnick)

Joe Haddad (Timer)

Jon Clark (jonscottclark)

Kristofer Selbekk (selbekk)

Ludovico Fischer (ludovicofischer)

Mikhail Vasin (mvasin)

Oskar Persson (OskarPersson)

Peter Bengtsson (peterbe)

Rafael Lüder (rlueder)

Ragnar Rebase (rrebase)

Ryan Cogswell (ryancogswell)

Vikram Rangaraj (vikr01)

Wenchen Li (neo)

simonCordovaByte9

Migrating from 2.0.4 to 2.0.5

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]
Source code(tar.gz)
Source code(zip)
v2.0.4(Oct 3, 2018)
2.0.4 (October 3, 2018)

:bug: Bug Fix

react-scripts

#5281 Fix code minifying (@Timer)

#5246 Fix GENERATE_SOURCEMAP env not working for css sourcemap (@crux153)

babel-preset-react-app

#5278 Disable Symbol typeof transform (@gaearon)

:nail_care: Enhancement

create-react-app

#5270 Caches the Yarn resolution for faster installs (@arcanis)

#5269 Adds a version check when using --use-pnp (@arcanis)

react-scripts

#5258 Add .mjs support back to webpack (@Timer)

:memo: Documentation

Other

#5228 removed create-react-app-parcel link (@lockround)

#5254 Update README links for CSS modules and SASS (@yuyokk)

#5249 Set the color palette to something a bit more React-y (@selbekk)

#5244 Update favicon and OpenGraph images (@selbekk)

#5242 5238 Removing sample pages (@selbekk)

#5243 Set the project name and owner correctly (@selbekk)

#5239 5238 removing blog from Docusaurus (@selbekk)

#5227 Initial setup of Docusaurus (@amyrlam)

react-scripts

#5252 Revert change to http-proxy-middleware docs (@iansu)

#5226 Fix usage of http-proxy-middleware (@banyan)

#5233 DOCS: Add Relay example (@zachasme)

:house: Internal

#5263 Add browser test for graphql (@Timer)

Committers: 11

Amy Lam (@amyrlam)

Crux (@crux153)

Dan Abramov (@gaearon)

Ian Sutherland (@iansu)

Iurii Kucherov (@yuyokk)

Joe Haddad (@Timer)

Kohei Hasegawa (@banyan)

Kristofer Selbekk (@selbekk)

Maël Nison (@arcanis)

Shubham Tiwari (@lockround)

Zacharias Knudsen (@zachasme)

Source code(tar.gz)
Source code(zip)

Set up a modern web app by running one command.

Related tags

Overview

Create React App

Quick Overview

Get Started Immediately

Creating an App

npx

npm

Yarn

npm start or yarn start

npm test or yarn test

npm run build or yarn build

User Guide

How to Update to New Versions?

Philosophy

What’s Included?

Popular Alternatives

React Native

Contributing

Supporting Create React App

Credits

Acknowledgements

License

Comments

Errors

Unhandled Rejections

Describe the bug

Did you try recovering your dependencies?

Environment

Steps to reproduce

Create React App v2.0.1

New Features

Migrating from 1.1.15 to 2.0.1

You may no longer code split with require.ensure()

The default Jest environment was changed to jsdom

.mjs file extension support was removed

Move advanced proxy configuration to src/setupProxy.js

Internet Explorer is no longer supported by default (but you can opt in!)

The behavior of a CommonJS import() has changed

Anything missing?

Migrating from 2.0.0-next.xyz

Detailed Changelog

Describe the bug

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Environment

Steps to reproduce

Expected behavior

Actual behavior

Reproducible demo

Describe the bug

Did you try recovering your dependencies?

Environment

Steps to reproduce

Expected behavior

Actual behavior

Reproducible demo

Describe the bug

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Environment

Steps to reproduce

Expected behavior

Actual behavior

Reproducible demo

Describe the bug

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Environment

Steps to reproduce

Expected behavior

Actual behavior

Reproducible demo

Describe the bug

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Environment

Steps to reproduce

Expected behavior

`npm start` or `yarn start`

`npm test` or `yarn test`

`npm run build` or `yarn build`

You may no longer code split with `require.ensure()`

The default Jest environment was changed to `jsdom`

`.mjs` file extension support was removed

Move advanced proxy configuration to `src/setupProxy.js`

The behavior of a CommonJS `import()` has changed