Browse Source

Update for the new releases

main
Dan Abramov 4 years ago
parent
commit
b5003c10d1
  1. 6
      content/blog/2020-09-22-introducing-the-new-jsx-transform.md
  2. 2
      content/versions.yml
  3. 4
      package.json
  4. 2
      src/site-constants.js
  5. 26
      yarn.lock

6
content/blog/2020-09-22-introducing-the-new-jsx-transform.md

@ -20,7 +20,7 @@ Upgrading to the new transform is completely optional, but it has a few benefits
**This upgrade will not change the JSX syntax and is not required.** The old JSX transform will keep working as usual, and there are no plans to remove the support for it.
[React 17 RC](/blog/2020/08/10/react-v17-rc.html) already includes support for the new transform, so go give it a try! To make it easier to adopt, after React 17 is released, we also plan to backport its support to React 16.x, React 15.x, and React 0.14.x. You can find the upgrade instructions for different tools [below](#how-to-upgrade-to-the-new-jsx-transform).
[React 17 RC](/blog/2020/08/10/react-v17-rc.html) already includes support for the new transform, so go give it a try! To make it easier to adopt, **we've also backported its support** to React 16.14.10, React 15.7.0, and React 0.14.10. You can find the upgrade instructions for different tools [below](#how-to-upgrade-to-the-new-jsx-transform).
Now let's take a closer look at the differences between the old and the new transform.
@ -92,7 +92,7 @@ If you aren't ready to upgrade to the new JSX transform or if you are using JSX
If you want to upgrade, you will need two things:
* **A version of React that supports the new transform** (currently, only [React 17 RC](/blog/2020/08/10/react-v17-rc.html) supports it, but after React 17.0 has been released, we plan to make additional compatible releases for 0.14.x, 15.x, and 16.x).
* **A version of React that supports the new transform** ([React 17 RC](/blog/2020/08/10/react-v17-rc.html) and higher supports it, but we've also released React 16.14.0, React 15.7.0, and React 0.14.10 for people who are still on the older major versions).
* **A compatible compiler** (see instructions for different tools below).
Since the new JSX transform doesn't require React to be in scope, [we've also prepared an automated script](#removing-unused-react-imports) that will remove the unnecessary imports from your codebase.
@ -111,7 +111,7 @@ Gatsby [v2.24.5](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby/
>Note
>
>If you get [this Gatsby error](https://github.com/gatsbyjs/gatsby/issues/26979) after upgrading to React `17.0.0-rc.2`, run `npm update` to fix it.
>If you get [this Gatsby error](https://github.com/gatsbyjs/gatsby/issues/26979) after upgrading to React 17 RC, run `npm update` to fix it.
### Manual Babel Setup {#manual-babel-setup}

2
content/versions.yml

@ -1,3 +1,5 @@
- title: '16.14.0'
changelog: https://github.com/facebook/react/blob/master/CHANGELOG.md#16140-october-14-2020
- title: '16.13.1'
changelog: https://github.com/facebook/react/blob/master/CHANGELOG.md#16131-march-19-2020
- title: '16.13.0'

4
package.json

@ -47,8 +47,8 @@
"normalize.css": "^8.0.0",
"prettier": "^1.7.4",
"prismjs": "^1.15.0",
"react": "^17.0.0-rc.2",
"react-dom": "^17.0.0-rc.2",
"react": "^17.0.0-rc.3",
"react-dom": "^17.0.0-rc.3",
"react-helmet": "^5.2.0",
"react-live": "1.8.0-0",
"remarkable": "^1.7.1",

2
src/site-constants.js

@ -8,7 +8,7 @@
// NOTE: We can't just use `location.toString()` because when we are rendering
// the SSR part in node.js we won't have a proper location.
const urlRoot = 'https://reactjs.org';
const version = '16.13.1';
const version = '16.14.0';
const babelURL = 'https://unpkg.com/babel-standalone@6.26.0/babel.min.js';
export {babelURL, urlRoot, version};

26
yarn.lock

@ -12318,14 +12318,14 @@ react-dev-utils@^4.2.3:
strip-ansi "3.0.1"
text-table "0.2.0"
react-dom@^17.0.0-rc.2:
version "17.0.0-rc.2"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.0-rc.2.tgz#7c13267e1e97d53d9a6395ef1acf1a44157dc38a"
integrity sha512-Nx6SK3s8dhQbKeOoRYPpQcYTrhojXw6nrX7Lb/rpMKyAp1wfhyzC3ukZtWczwILR9h4MzxtTLt/IIs8Bk4XqcQ==
react-dom@^17.0.0-rc.3:
version "17.0.0-rc.3"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.0-rc.3.tgz#6254f82c62ed569a2a90dcf1c7b71d4d8d951744"
integrity sha512-rrmZ91kdXBaCVomiNUQ1WvEClb5GcmxewGurd3FnsXKJBOhFdlkGbT5MY5ZQkMXH5xnIvs5ZEEB2iBr2ZqKiqg==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
scheduler "0.20.0-rc.2"
scheduler "0.20.0-rc.3"
react-error-overlay@^3.0.0:
version "3.0.0"
@ -12471,10 +12471,10 @@ react@^16.8.0:
object-assign "^4.1.1"
prop-types "^15.6.2"
react@^17.0.0-rc.2:
version "17.0.0-rc.2"
resolved "https://registry.yarnpkg.com/react/-/react-17.0.0-rc.2.tgz#3d454a888c119f5bde8ac016840aab8ecda22413"
integrity sha512-Z/qj0VWOF0e7VlUY2IhQr05vQ/gFSGlqmPMgxD4JytqmQxh5T7We0t5n1M98UmgJyRFTSbdCs58ZEyv6WwacWA==
react@^17.0.0-rc.3:
version "17.0.0-rc.3"
resolved "https://registry.yarnpkg.com/react/-/react-17.0.0-rc.3.tgz#ccb426b0146a8c10ee92c2a72d9d813a16a55806"
integrity sha512-b1vEcXBmlN2Bu+k57jq2ytEo5p28g5fdRfc02JRdnvGZKKphvlUnAfsrUHiOmUtL/6wvFIusi2zxp8t60fihfw==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"
@ -13279,10 +13279,10 @@ sax@>=0.6.0, sax@~1.2.4:
resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
scheduler@0.20.0-rc.2:
version "0.20.0-rc.2"
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.0-rc.2.tgz#5c48ac29e1a352a43c74cb5fc54c5ca94d8396fc"
integrity sha512-tgvUKHPbQr0fq5EfRd3S8hgohi/fI3h/gv1jxVb9IungCF/t2jUG946dlwgCxy8bnYvSIwRjcuw7eksDDpplLg==
scheduler@0.20.0-rc.3:
version "0.20.0-rc.3"
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.0-rc.3.tgz#ce616ebdd4073f5026718960d7e2d0928788c626"
integrity sha512-rPwhSgPKhRqximLHdl+oJ/8HVcMS2vyZlH74OQHqKbH04ONgKNkJ13DZLPdFSYFos8FUj6+PduO9+OoRaG6QWQ==
dependencies:
loose-envify "^1.1.0"
object-assign "^4.1.1"

Loading…
Cancel
Save