From 56a0dca6fb20bbcfe0c45cc97943a6c779f543ae Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Wed, 30 Mar 2022 19:06:07 +0300 Subject: [PATCH] Update CDN links for React 18 (#4528) --- beta/public/html/single-file-example.html | 6 +++--- beta/src/pages/learn/add-react-to-a-website.md | 16 ++++++++-------- content/docs/add-react-to-a-website.md | 8 ++++---- content/docs/optimizing-performance.md | 6 +++--- static/html/single-file-example.html | 4 ++-- 5 files changed, 20 insertions(+), 20 deletions(-) diff --git a/beta/public/html/single-file-example.html b/beta/public/html/single-file-example.html index ca9f66a6..380a169f 100644 --- a/beta/public/html/single-file-example.html +++ b/beta/public/html/single-file-example.html @@ -3,9 +3,9 @@ Hello World - - - + + + diff --git a/beta/src/pages/learn/add-react-to-a-website.md b/beta/src/pages/learn/add-react-to-a-website.md index db8acb4d..0d810ea1 100644 --- a/beta/src/pages/learn/add-react-to-a-website.md +++ b/beta/src/pages/learn/add-react-to-a-website.md @@ -30,8 +30,8 @@ You can place a "container" element like this `
` anywhere inside the `` tag, add three ` - + + ``` @@ -116,8 +116,8 @@ Unminified JavaScript can significantly slow down page load times for your users - **If you already minify** your application scripts, your site will be production-ready if you ensure that the deployed HTML loads the versions of React ending in `production.min.js` like so: ```html - - + + ``` ## Try React with JSX {/*try-react-with-jsx*/} @@ -145,8 +145,8 @@ The quickest way to try JSX in your project is to add the Babel compiler to your ```html {6} - - + + diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md index 4aae1751..7b73c25a 100644 --- a/content/docs/add-react-to-a-website.md +++ b/content/docs/add-react-to-a-website.md @@ -54,8 +54,8 @@ Next, add three ` - + + @@ -116,8 +116,8 @@ Before deploying your website to production, be mindful that unminified JavaScri If you already minify the application scripts, **your site will be production-ready** if you ensure that the deployed HTML loads the versions of React ending in `production.min.js`: ```js - - + + ``` If you don't have a minification step for your scripts, [here's one way to set it up](https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3). diff --git a/content/docs/optimizing-performance.md b/content/docs/optimizing-performance.md index bec1215d..c3202355 100644 --- a/content/docs/optimizing-performance.md +++ b/content/docs/optimizing-performance.md @@ -43,8 +43,8 @@ Remember that this is only necessary before deploying to production. For normal We offer production-ready versions of React and React DOM as single files: ```html - - + + ``` Remember that only React files ending with `.production.min.js` are suitable for production. @@ -175,7 +175,7 @@ If you haven't yet installed the React DevTools, you can find them here: > Note > -> Before React 17, we use the standard [User Timing API](https://developer.mozilla.org/en-US/docs/Web/API/User_Timing_API) to profile components with the chrome performance tab. +> Before React 17, we use the standard [User Timing API](https://developer.mozilla.org/en-US/docs/Web/API/User_Timing_API) to profile components with the chrome performance tab. > For a more detailed walkthrough, check out [this article by Ben Schwarz](https://calibreapp.com/blog/react-performance-profiling-optimization). ## Virtualize Long Lists {#virtualize-long-lists} diff --git a/static/html/single-file-example.html b/static/html/single-file-example.html index 569b9de4..89659747 100644 --- a/static/html/single-file-example.html +++ b/static/html/single-file-example.html @@ -3,8 +3,8 @@ Hello World - - + +