Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update react-scripts to the latest version 🚀 #13

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Update react-scripts to the latest version 🚀 #13

wants to merge 2 commits into from

Conversation

greenkeeper[bot]
Copy link
Contributor

@greenkeeper greenkeeper bot commented Dec 5, 2019

The devDependency react-scripts was updated from 3.0.0 to 3.3.0.

This version is not covered by your current version range.

If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.

Publisher: iansu
License: MIT

Release Notes for v3.3.0

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 your'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"
  }
}

🚀 New Feature

  • babel-preset-react-app
    • #7438 Add optional chaining and nullish coalescing operators support (@renatoagds)
  • babel-preset-react-app, react-dev-utils
  • cra-template-typescript, cra-template, create-react-app, react-scripts

💥 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 Fix

  • eslint-config-react-app
  • create-react-app
    • #7991 Support templates in scoped packages (@klasbj)
    • #7839 added check for typescript template and unsupported node version (@awaseem)
  • react-scripts
  • react-dev-utils

💅 Enhancement

📝 Documentation

🏠 Internal

  • react-scripts
  • Other
  • 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

🔨 Underlying Tools

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

Committers: 42

Migrating from 3.2.0 to 3.3.0

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

npm install --save --save-exact react-scripts@3.3.0

or

yarn add --exact react-scripts@3.3.0
Commits

The new version differs by 224 commits.

  • 9a817dd Publish
  • 0b45600 Update CHANGELOG
  • 9654bef Prepare 3.3.0 release
  • 29c5e55 Update template docs (#8050)
  • f6ba862 Add TypeScript peer dependency to react-scripts (#8038)
  • fffc777 Remove no-unexpected-multiline rule (#8039)
  • 6a3ccc3 Update CODEOWNERS
  • 821fe6b Update CHANGELOG
  • 99d71f3 Re-enable GitHub Actions (#8029)
  • 1a66971 Bump dependencies (#8024)
  • 82009f5 Bump webpack-dev-server (#7988)
  • 5d24a5e Prefix apple-touch-icon links with PUBLIC_URL. (#8005)
  • 4604c5e Override no-unused-expressions with the typescript-eslint version (#8003)
  • 23d5776 Add scripts support to templates (#7989)
  • df5088d Unpin dependencies in react-app-polyfill (#7999)

There are 224 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper bot 🌴

greenkeeper bot added a commit that referenced this pull request Jan 31, 2020
@greenkeeper
chore(package): update react-scripts to version 3.3.1
adad8e6 
Closes #13
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Jan 31, 2020

  • The devDependency react-scripts was updated from 3.0.0 to 3.3.1.

Update to this version instead 🚀

Release Notes for v3.3.1

3.3.1 (2020-01-31)

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

🐛 Bug Fix

💅 Enhancement

  • react-error-overlay
  • cra-template-typescript
  • cra-template-typescript, cra-template, react-scripts
  • create-react-app
  • cra-template-typescript, cra-template
  • eslint-config-react-app
    • #7803 Remove error for @typescript-eslint/no-namespace (@szhu)

📝 Documentation

🏠 Internal

🔨 Underlying Tools

  • babel-preset-react-app, create-react-app, react-dev-utils, react-error-overlay, react-scripts
  • react-dev-utils
  • babel-plugin-named-asset-import
  • create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts
  • create-react-app, react-dev-utils, react-error-overlay
  • react-error-overlay, react-scripts
    • #8102 [Security] Update terser webpack plugin (@RDIL)

Committers: 29

Migrating from 3.3.0 to 3.3.1

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

npm install --save --save-exact react-scripts@3.3.1

or

yarn add --exact react-scripts@3.3.1
Commits

The new version differs by 41 commits.

  • d7c6842 Publish
  • a7b8732 Prepare 3.3.1 release
  • 4da41b4 docs: Add troubleshooting documentation on ENOSPC (#8380)
  • 03018d7 Update docs according to lint-staged v10 (#8394)
  • 6ee4e91 Add helpful message to the footer (#6548)
  • ed162a3 Add "Disallow:" to robots.txt (#8255)
  • e530598 Fix sass importLoaders (#8281)
  • dd0df73 Remove outdated docs regarding vscode eslint extension and type… (#8307)
  • ca9c61e Update setting-up-your-editor.md (#8247)
  • cafd602 Update custom template docs with instructions for testing custom template locally (#8092)
  • 720d90b Sync dependencies babel config (#8120)
  • ddcb7d5 Add titleProp to SVGR ReactComponent type definition (#8099)
  • b855da5 Remove outdated babel plugins (#8353)
  • 4bf14fa Downgrade open from 7.0.0 to 6.4.0 (#8364)
  • dada035 Remove React.FC from Typescript template (#8177)

There are 41 commits in total.

See the full diff

greenkeeper bot added a commit that referenced this pull request Feb 14, 2020
@greenkeeper
chore(package): update react-scripts to version 3.4.0
ebfc331 
Closes #13
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Feb 14, 2020

  • The devDependency react-scripts was updated from 3.0.0 to 3.4.0.

Update to this version instead 🚀

greenkeeper bot added a commit that referenced this pull request Mar 21, 2020
@greenkeeper
chore(package): update react-scripts to version 3.4.1
e6288d3 
Closes #13
@greenkeeper
Copy link
Contributor Author

greenkeeper bot commented Mar 21, 2020

  • The devDependency react-scripts was updated from 3.0.0 to 3.4.1.

Update to this version instead 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
greenkeeper
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
0 participants