facebook/create-react-app
### [`v3.0.1`](https://togithub.com/facebook/create-react-app/blob/master/CHANGELOG.md#301-2019-05-08)
[Compare Source](https://togithub.com/facebook/create-react-app/compare/v3.0.0...v3.0.1)
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](https://togithub.com/facebook/create-react-app/pull/6887) Update dependencies of Babel preset with recent changes ([@skoging](https://togithub.com/skoging))
##### :bug: Bug Fix
- `react-error-overlay`, `react-scripts`
- [#7007](https://togithub.com/facebook/create-react-app/pull/7007) Unpin `babel-jest` ([@ianschmitz](https://togithub.com/ianschmitz))
- [#7002](https://togithub.com/facebook/create-react-app/pull/7002) Temporary fix for `babel-jest` preflight error ([@ianschmitz](https://togithub.com/ianschmitz))
- `eslint-config-react-app`
- [#6987](https://togithub.com/facebook/create-react-app/pull/6987) Disable `no-dupe-class-members` rule for TypeScript ([@ianschmitz](https://togithub.com/ianschmitz))
- [#6862](https://togithub.com/facebook/create-react-app/pull/6862) Fix `no-useless-constructor` rule in TypeScript ([@ianschmitz](https://togithub.com/ianschmitz))
- `eslint-config-react-app`, `react-scripts`
- [#6937](https://togithub.com/facebook/create-react-app/pull/6937) Disable `default-case` lint rule for TypeScript ([@ianschmitz](https://togithub.com/ianschmitz))
- `react-dev-utils`
- [#6876](https://togithub.com/facebook/create-react-app/pull/6876) Change cssmodule classname hash to use relative paths ([@vg-stan](https://togithub.com/vg-stan))
##### :nail_care: Enhancement
- `react-dev-utils`, `react-scripts`
- [#6856](https://togithub.com/facebook/create-react-app/pull/6856) Adds the configuration for PnP/Typescript ([@arcanis](https://togithub.com/arcanis))
- `babel-preset-react-app`
- [#6887](https://togithub.com/facebook/create-react-app/pull/6887) Update dependencies of Babel preset with recent changes ([@skoging](https://togithub.com/skoging))
- `react-scripts`
- [#6706](https://togithub.com/facebook/create-react-app/pull/6706) Generate SVG component name in Jest fileTransform ([@dallonf](https://togithub.com/dallonf))
- [#6300](https://togithub.com/facebook/create-react-app/pull/6300) Remove body padding reset from templates ([@Hurtak](https://togithub.com/Hurtak))
##### :memo: Documentation
- Other
- [#6979](https://togithub.com/facebook/create-react-app/pull/6979) Add note to restart the dev server after changing .env file ([@MostafaNawara](https://togithub.com/MostafaNawara))
- [#6945](https://togithub.com/facebook/create-react-app/pull/6945) Add clarifying note to TypeScript docs warning about global install of CRA ([@methodbox](https://togithub.com/methodbox))
- [#6898](https://togithub.com/facebook/create-react-app/pull/6898) Update GraphQL docs ([@nagman](https://togithub.com/nagman))
- [#6810](https://togithub.com/facebook/create-react-app/pull/6810) Call to action button now reacts to being hovered ([@joerez](https://togithub.com/joerez))
- [#6881](https://togithub.com/facebook/create-react-app/pull/6881) Fix typo in deployment docs ([@david-cho-lerat-HL2](https://togithub.com/david-cho-lerat-HL2))
- `react-app-polyfill`
- [#6879](https://togithub.com/facebook/create-react-app/pull/6879) Update README.md ([@david-cho-lerat-HL2](https://togithub.com/david-cho-lerat-HL2))
##### :house: Internal
- `react-scripts`
- [#6854](https://togithub.com/facebook/create-react-app/pull/6854) Remove `Object.assign` from `MiniCssExtractPlugin` options ([@swashcap](https://togithub.com/swashcap))
##### Committers: 12
- Chris Shaffer ([@methodbox](https://togithub.com/methodbox))
- Cory Reed ([@swashcap](https://togithub.com/swashcap))
- Dallon Feldner ([@dallonf](https://togithub.com/dallonf))
- David Cho-Lerat ([@david-cho-lerat-HL2](https://togithub.com/david-cho-lerat-HL2))
- Ian Schmitz ([@ianschmitz](https://togithub.com/ianschmitz))
- Joe Rezendes ([@joerez](https://togithub.com/joerez))
- Maël Nison ([@arcanis](https://togithub.com/arcanis))
- Mostafa Nawara ([@MostafaNawara](https://togithub.com/MostafaNawara))
- Petr Huřťák ([@Hurtak](https://togithub.com/Hurtak))
- Tore Hammervoll ([@skoging](https://togithub.com/skoging))
- [@nagman](https://togithub.com/nagman)
- [@vg-stan](https://togithub.com/vg-stan)
##### Migrating from 3.0.0 to 3.0.1
Inside any created project that has not been ejected, run:
```sh
npm install --save --save-exact react-scripts@3.0.1
```
or
```sh
yarn add --exact react-scripts@3.0.1
```
### [`v3.0.0`](https://togithub.com/facebook/create-react-app/blob/master/CHANGELOG.md#Migrating-from-21x-to-300)
[Compare Source](https://togithub.com/facebook/create-react-app/compare/v2.1.8...v3.0.0)
Inside any created project that has not been ejected, run:
```bash
npm install --save --save-exact react-scripts@3.0.0
```
or
yarn add --exact react-scripts@3.0.0
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, `react-scripts@3.0.0` 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](https://jestjs.io/blog/2019/01/25/jest-24-refreshing-polished-typescript-friendly).
##### Hooks support
We now enforce [Rules of Hooks](https://reactjs.org/docs/hooks-rules.html) 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](https://togithub.com/facebook/create-react-app/blob/eee8491d57d67dd76f0806a7512eaba2ce9c36f0/packages/eslint-config-react-app/index.js#L89:L98) 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](https://facebook.github.io/create-react-app/docs/setting-up-your-editor#displaying-lint-output-in-the-editor).
##### `browserslist` support in [@babel/preset-env](https://togithub.com/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](https://togithub.com/facebook/create-react-app/blob/b0cbf2caa18ee8267855b14578ebc3dee826f552/packages/react-scripts/package.json#L83-L94) 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.
Renovate configuration
:date: Schedule: At any time (no schedule defined).
:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.
:recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".
:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box
This PR has been generated by Renovate Bot. View repository job log here.
This PR contains the following updates:
2.1.8->3.0.1Release Notes
facebook/create-react-app
### [`v3.0.1`](https://togithub.com/facebook/create-react-app/blob/master/CHANGELOG.md#301-2019-05-08) [Compare Source](https://togithub.com/facebook/create-react-app/compare/v3.0.0...v3.0.1) 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](https://togithub.com/facebook/create-react-app/pull/6887) Update dependencies of Babel preset with recent changes ([@skoging](https://togithub.com/skoging)) ##### :bug: Bug Fix - `react-error-overlay`, `react-scripts` - [#7007](https://togithub.com/facebook/create-react-app/pull/7007) Unpin `babel-jest` ([@ianschmitz](https://togithub.com/ianschmitz)) - [#7002](https://togithub.com/facebook/create-react-app/pull/7002) Temporary fix for `babel-jest` preflight error ([@ianschmitz](https://togithub.com/ianschmitz)) - `eslint-config-react-app` - [#6987](https://togithub.com/facebook/create-react-app/pull/6987) Disable `no-dupe-class-members` rule for TypeScript ([@ianschmitz](https://togithub.com/ianschmitz)) - [#6862](https://togithub.com/facebook/create-react-app/pull/6862) Fix `no-useless-constructor` rule in TypeScript ([@ianschmitz](https://togithub.com/ianschmitz)) - `eslint-config-react-app`, `react-scripts` - [#6937](https://togithub.com/facebook/create-react-app/pull/6937) Disable `default-case` lint rule for TypeScript ([@ianschmitz](https://togithub.com/ianschmitz)) - `react-dev-utils` - [#6876](https://togithub.com/facebook/create-react-app/pull/6876) Change cssmodule classname hash to use relative paths ([@vg-stan](https://togithub.com/vg-stan)) ##### :nail_care: Enhancement - `react-dev-utils`, `react-scripts` - [#6856](https://togithub.com/facebook/create-react-app/pull/6856) Adds the configuration for PnP/Typescript ([@arcanis](https://togithub.com/arcanis)) - `babel-preset-react-app` - [#6887](https://togithub.com/facebook/create-react-app/pull/6887) Update dependencies of Babel preset with recent changes ([@skoging](https://togithub.com/skoging)) - `react-scripts` - [#6706](https://togithub.com/facebook/create-react-app/pull/6706) Generate SVG component name in Jest fileTransform ([@dallonf](https://togithub.com/dallonf)) - [#6300](https://togithub.com/facebook/create-react-app/pull/6300) Remove body padding reset from templates ([@Hurtak](https://togithub.com/Hurtak)) ##### :memo: Documentation - Other - [#6979](https://togithub.com/facebook/create-react-app/pull/6979) Add note to restart the dev server after changing .env file ([@MostafaNawara](https://togithub.com/MostafaNawara)) - [#6945](https://togithub.com/facebook/create-react-app/pull/6945) Add clarifying note to TypeScript docs warning about global install of CRA ([@methodbox](https://togithub.com/methodbox)) - [#6898](https://togithub.com/facebook/create-react-app/pull/6898) Update GraphQL docs ([@nagman](https://togithub.com/nagman)) - [#6810](https://togithub.com/facebook/create-react-app/pull/6810) Call to action button now reacts to being hovered ([@joerez](https://togithub.com/joerez)) - [#6881](https://togithub.com/facebook/create-react-app/pull/6881) Fix typo in deployment docs ([@david-cho-lerat-HL2](https://togithub.com/david-cho-lerat-HL2)) - `react-app-polyfill` - [#6879](https://togithub.com/facebook/create-react-app/pull/6879) Update README.md ([@david-cho-lerat-HL2](https://togithub.com/david-cho-lerat-HL2)) ##### :house: Internal - `react-scripts` - [#6854](https://togithub.com/facebook/create-react-app/pull/6854) Remove `Object.assign` from `MiniCssExtractPlugin` options ([@swashcap](https://togithub.com/swashcap)) ##### Committers: 12 - Chris Shaffer ([@methodbox](https://togithub.com/methodbox)) - Cory Reed ([@swashcap](https://togithub.com/swashcap)) - Dallon Feldner ([@dallonf](https://togithub.com/dallonf)) - David Cho-Lerat ([@david-cho-lerat-HL2](https://togithub.com/david-cho-lerat-HL2)) - Ian Schmitz ([@ianschmitz](https://togithub.com/ianschmitz)) - Joe Rezendes ([@joerez](https://togithub.com/joerez)) - Maël Nison ([@arcanis](https://togithub.com/arcanis)) - Mostafa Nawara ([@MostafaNawara](https://togithub.com/MostafaNawara)) - Petr Huřťák ([@Hurtak](https://togithub.com/Hurtak)) - Tore Hammervoll ([@skoging](https://togithub.com/skoging)) - [@nagman](https://togithub.com/nagman) - [@vg-stan](https://togithub.com/vg-stan) ##### Migrating from 3.0.0 to 3.0.1 Inside any created project that has not been ejected, run: ```sh npm install --save --save-exact react-scripts@3.0.1 ``` or ```sh yarn add --exact react-scripts@3.0.1 ``` ### [`v3.0.0`](https://togithub.com/facebook/create-react-app/blob/master/CHANGELOG.md#Migrating-from-21x-to-300) [Compare Source](https://togithub.com/facebook/create-react-app/compare/v2.1.8...v3.0.0) Inside any created project that has not been ejected, run: ```bash npm install --save --save-exact react-scripts@3.0.0 ``` or yarn add --exact react-scripts@3.0.0 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, `react-scripts@3.0.0` 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](https://jestjs.io/blog/2019/01/25/jest-24-refreshing-polished-typescript-friendly). ##### Hooks support We now enforce [Rules of Hooks](https://reactjs.org/docs/hooks-rules.html) 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](https://togithub.com/facebook/create-react-app/blob/eee8491d57d67dd76f0806a7512eaba2ce9c36f0/packages/eslint-config-react-app/index.js#L89:L98) 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](https://facebook.github.io/create-react-app/docs/setting-up-your-editor#displaying-lint-output-in-the-editor). ##### `browserslist` support in [@babel/preset-env](https://togithub.com/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](https://togithub.com/facebook/create-react-app/blob/b0cbf2caa18ee8267855b14578ebc3dee826f552/packages/react-scripts/package.json#L83-L94) 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.Renovate configuration
:date: Schedule: At any time (no schedule defined).
:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.
:recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "
rebase!".:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot. View repository job log here.