René's URL Explorer Experiment


Title: Optimizing Performance – React

Open Graph Title: Optimizing Performance – React

Open Graph Description: A JavaScript library for building user interfaces

Opengraph URL: https://reactjs.org/docs/optimizing-performance.html

Generator: Gatsby 2.24.63

direct link

Domain: 17.react.dev

NoneIE=edge
apple-mobile-web-app-capableyes
apple-mobile-web-app-titleReact
og:typearticle
og:imagehttps://reactjs.org/logo-og.png
fb:app_id623268441017527
theme-color#20232a

Links:

https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2
Take our 2021 Community Survey!https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2
Go to the latest docs.https://reactjs.org
Reacthttps://17.react.dev/
Docshttps://17.react.dev/docs/getting-started.html
Tutorialhttps://17.react.dev/tutorial/tutorial.html
Bloghttps://17.react.dev/blog/
Communityhttps://17.react.dev/community/support.html
v17.0.2https://17.react.dev/versions
Languageshttps://17.react.dev/languages
GitHubhttps://github.com/facebook/react/
https://17.react.dev/docs/optimizing-performance.html#use-the-production-build
React Developer Tools for Chromehttps://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
https://17.react.dev/static/d0f767f80866431ccdec18f200ca58f1/0a47e/devtools-prod.png
https://17.react.dev/static/e434ce2f7e64f63e597edf03f4465694/0a47e/devtools-dev.png
https://17.react.dev/docs/optimizing-performance.html#create-react-app
Create React Apphttps://github.com/facebookincubator/create-react-app
https://17.react.dev/docs/optimizing-performance.html#single-file-builds
https://17.react.dev/docs/optimizing-performance.html#brunch
terser-brunchhttps://github.com/brunch/terser-brunch
https://17.react.dev/docs/optimizing-performance.html#browserify
envifyhttps://github.com/hughsk/envify
uglifyifyhttps://github.com/hughsk/uglifyify
terserhttps://github.com/terser-js/terser
read whyhttps://github.com/hughsk/uglifyify#motivationusage
https://17.react.dev/docs/optimizing-performance.html#rollup
replacehttps://github.com/rollup/rollup-plugin-replace
commonjshttps://github.com/rollup/rollup-plugin-commonjs
terserhttps://github.com/TrySound/rollup-plugin-terser
see this gisthttps://gist.github.com/Rich-Harris/cb14f4bc0670c47d00d191565be36bf0
https://17.react.dev/docs/optimizing-performance.html#webpack
the instructions abovehttps://17.react.dev/docs/optimizing-performance.html#create-react-app
webpack documentationhttps://webpack.js.org/guides/production/
https://17.react.dev/docs/optimizing-performance.html#profiling-components-with-the-devtools-profiler
“Introducing the React Profiler”https://17.react.dev/blog/2018/09/10/introducing-the-react-profiler.html
available on YouTubehttps://www.youtube.com/watch?v=nySib7ipZdk
Chrome Browser Extensionhttps://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
Firefox Browser Extensionhttps://addons.mozilla.org/en-GB/firefox/addon/react-devtools/
Standalone Node Packagehttps://www.npmjs.com/package/react-devtools
fb.me/react-profilinghttps://fb.me/react-profiling
User Timing APIhttps://developer.mozilla.org/en-US/docs/Web/API/User_Timing_API
this article by Ben Schwarzhttps://calibreapp.com/blog/react-performance-profiling-optimization
https://17.react.dev/docs/optimizing-performance.html#virtualize-long-lists
react-windowhttps://react-window.now.sh/
react-virtualizedhttps://bvaughn.github.io/react-virtualized/
Twitter didhttps://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3
https://17.react.dev/docs/optimizing-performance.html#avoid-reconciliation
React.PureComponenthttps://17.react.dev/docs/react-api.html#reactpurecomponent
https://17.react.dev/docs/optimizing-performance.html#shouldcomponentupdate-in-action
https://17.react.dev/static/5ee1bdf4779af06072a17b7a0654f6db/cd039/should-component-update.png
https://17.react.dev/docs/optimizing-performance.html#examples
https://17.react.dev/docs/optimizing-performance.html#the-power-of-not-mutating-data
spread syntaxhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator
Object.assignhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
Object spread syntaxhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
Immerhttps://github.com/mweststrate/immer
immutability-helperhttps://github.com/kolodny/immutability-helper
Edit this pagehttps://github.com/reactjs/reactjs.org/tree/main/content/docs/optimizing-performance.md
Getting Startedhttps://17.react.dev/docs/getting-started.html
Add React to a Websitehttps://17.react.dev/docs/add-react-to-a-website.html
Create a New React Apphttps://17.react.dev/docs/create-a-new-react-app.html
CDN Linkshttps://17.react.dev/docs/cdn-links.html
Release Channelshttps://17.react.dev/docs/release-channels.html
1. Hello Worldhttps://17.react.dev/docs/hello-world.html
2. Introducing JSXhttps://17.react.dev/docs/introducing-jsx.html
3. Rendering Elementshttps://17.react.dev/docs/rendering-elements.html
4. Components and Propshttps://17.react.dev/docs/components-and-props.html
5. State and Lifecyclehttps://17.react.dev/docs/state-and-lifecycle.html
6. Handling Eventshttps://17.react.dev/docs/handling-events.html
7. Conditional Renderinghttps://17.react.dev/docs/conditional-rendering.html
8. Lists and Keyshttps://17.react.dev/docs/lists-and-keys.html
9. Formshttps://17.react.dev/docs/forms.html
10. Lifting State Uphttps://17.react.dev/docs/lifting-state-up.html
11. Composition vs Inheritancehttps://17.react.dev/docs/composition-vs-inheritance.html
12. Thinking In Reacthttps://17.react.dev/docs/thinking-in-react.html
Accessibilityhttps://17.react.dev/docs/accessibility.html
Code-Splittinghttps://17.react.dev/docs/code-splitting.html
Contexthttps://17.react.dev/docs/context.html
Error Boundarieshttps://17.react.dev/docs/error-boundaries.html
Forwarding Refshttps://17.react.dev/docs/forwarding-refs.html
Fragmentshttps://17.react.dev/docs/fragments.html
Higher-Order Componentshttps://17.react.dev/docs/higher-order-components.html
Integrating with Other Librarieshttps://17.react.dev/docs/integrating-with-other-libraries.html
JSX In Depthhttps://17.react.dev/docs/jsx-in-depth.html
Optimizing Performancehttps://17.react.dev/docs/optimizing-performance.html
Portalshttps://17.react.dev/docs/portals.html
Profilerhttps://17.react.dev/docs/profiler.html
React Without ES6https://17.react.dev/docs/react-without-es6.html
React Without JSXhttps://17.react.dev/docs/react-without-jsx.html
Reconciliationhttps://17.react.dev/docs/reconciliation.html
Refs and the DOMhttps://17.react.dev/docs/refs-and-the-dom.html
Render Propshttps://17.react.dev/docs/render-props.html
Static Type Checkinghttps://17.react.dev/docs/static-type-checking.html
Strict Modehttps://17.react.dev/docs/strict-mode.html
Typechecking With PropTypeshttps://17.react.dev/docs/typechecking-with-proptypes.html
Uncontrolled Componentshttps://17.react.dev/docs/uncontrolled-components.html
Web Componentshttps://17.react.dev/docs/web-components.html
Reacthttps://17.react.dev/docs/react-api.html
React.Componenthttps://17.react.dev/docs/react-component.html
ReactDOMhttps://17.react.dev/docs/react-dom.html
ReactDOMServerhttps://17.react.dev/docs/react-dom-server.html
DOM Elementshttps://17.react.dev/docs/dom-elements.html
SyntheticEventhttps://17.react.dev/docs/events.html
Test Utilitieshttps://17.react.dev/docs/test-utils.html
Test Rendererhttps://17.react.dev/docs/test-renderer.html
JS Environment Requirementshttps://17.react.dev/docs/javascript-environment-requirements.html
Glossaryhttps://17.react.dev/docs/glossary.html
1. Introducing Hookshttps://17.react.dev/docs/hooks-intro.html
2. Hooks at a Glancehttps://17.react.dev/docs/hooks-overview.html
3. Using the State Hookhttps://17.react.dev/docs/hooks-state.html
4. Using the Effect Hookhttps://17.react.dev/docs/hooks-effect.html
5. Rules of Hookshttps://17.react.dev/docs/hooks-rules.html
6. Building Your Own Hookshttps://17.react.dev/docs/hooks-custom.html
7. Hooks API Referencehttps://17.react.dev/docs/hooks-reference.html
8. Hooks FAQhttps://17.react.dev/docs/hooks-faq.html
Testing Overviewhttps://17.react.dev/docs/testing.html
Testing Recipeshttps://17.react.dev/docs/testing-recipes.html
Testing Environmentshttps://17.react.dev/docs/testing-environments.html
How to Contributehttps://17.react.dev/docs/how-to-contribute.html
Codebase Overviewhttps://17.react.dev/docs/codebase-overview.html
Implementation Noteshttps://17.react.dev/docs/implementation-notes.html
Design Principleshttps://17.react.dev/docs/design-principles.html
AJAX and APIshttps://17.react.dev/docs/faq-ajax.html
Babel, JSX, and Build Stepshttps://17.react.dev/docs/faq-build.html
Passing Functions to Componentshttps://17.react.dev/docs/faq-functions.html
Component Statehttps://17.react.dev/docs/faq-state.html
Styling and CSShttps://17.react.dev/docs/faq-styling.html
File Structurehttps://17.react.dev/docs/faq-structure.html
Versioning Policyhttps://17.react.dev/docs/faq-versioning.html
Virtual DOM and Internalshttps://17.react.dev/docs/faq-internals.html
Installationhttps://17.react.dev/docs/getting-started.html
Main Conceptshttps://17.react.dev/docs/hello-world.html
Advanced Guideshttps://17.react.dev/docs/accessibility.html
API Referencehttps://17.react.dev/docs/react-api.html
Hookshttps://17.react.dev/docs/hooks-intro.html
Testinghttps://17.react.dev/docs/testing.html
Contributinghttps://17.react.dev/docs/how-to-contribute.html
FAQhttps://17.react.dev/docs/faq-ajax.html
GitHubhttps://github.com/facebook/react
Stack Overflowhttps://stackoverflow.com/questions/tagged/reactjs
Discussion Forumshttps://reactjs.org/community/support.html#popular-discussion-forums
Reactiflux Chathttps://discord.gg/reactiflux
DEV Communityhttps://dev.to/t/react
Facebookhttps://www.facebook.com/react
Twitterhttps://twitter.com/reactjs
Code of Conducthttps://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md
Community Resourceshttps://17.react.dev/community/support.html
Tutorialhttps://17.react.dev/tutorial/tutorial.html
Bloghttps://17.react.dev/blog
Acknowledgementshttps://17.react.dev/acknowledgements.html
React Nativehttps://reactnative.dev/
Privacyhttps://opensource.facebook.com/legal/privacy
Termshttps://opensource.facebook.com/legal/terms
https://opensource.facebook.com/projects/

Viewport: width=device-width, initial-scale=1.0

Robots: noindex

URLs of crawlers that visited me.