René's URL Explorer Experiment


Title: Optimizing JavaScript loading · React Native

Open Graph Title: Optimizing JavaScript loading · React Native

Description: Parsing and running JavaScript code requires memory and time. Because of this, as your app grows, it's often useful to delay loading code until it's needed for the first time. React Native comes with some standard optimizations that are on by default, and there are techniques you can adopt in your own code to help React load your app more efficiently. There are also some advanced automatic optimizations (with their own tradeoffs) that are suitable for very large apps.

Open Graph Description: Parsing and running JavaScript code requires memory and time. Because of this, as your app grows, it's often useful to delay loading code until it's needed for the first time. React Native comes with some standard optimizations that are on by default, and there are techniques you can adopt in your own code to help React load your app more efficiently. There are also some advanced automatic optimizations (with their own tradeoffs) that are suitable for very large apps.

Opengraph URL: https://reactnative.dev/docs/0.81/optimizing-javascript-loading

X: @reactnative

Generator: Docusaurus v3.10.1

direct link

Domain: reactnative.dev


Hey, it has json ld scripts:
{"@context":"https://schema.org/","@id":"https://reactnative.dev/","@type":"WebPage","description":"A framework for building native apps for Android, iOS, and more using React","inLanguage":"en-US","logo":"https://reactnative.dev/img/pwa/manifest-icon-192.png","name":"React Native · Learn once, write anywhere","url":"https://reactnative.dev/"}
{"@id":"https://reactnative.dev/","@type":"WebSite","description":"A framework for building native apps for Android, iOS, and more using React","inLanguage":"en-US","name":"React Native · Learn once, write anywhere","potentialAction":[{"@type":"SearchAction","query-input":{"@type":"PropertyValueSpecification","valueName":"query","valueRequired":true},"target":{"@type":"EntryPoint","urlTemplate":"https://reactnative.dev/search?q={query}"}}],"publisher":"Meta Platforms, Inc.","url":"https://reactnative.dev/"}

og:localeen
docusaurus_localeen
docsearch:languageen
og:imagehttps://reactnative.dev/img/logo-share.png
twitter:cardsummary_large_image
twitter:imagehttps://reactnative.dev/img/logo-share.png
mobile-web-app-capableyes
docusaurus_version0.81
docusaurus_tagdocs-default-0.81
docsearch:version0.81
docsearch:docusaurus_tagdocs-default-0.81
theme-color#20232a
apple-mobile-web-app-status-bar-style#20232a
msapplication-TileColor#20232a

Links:

Skip to main contenthttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#__docusaurus_skipToContent_fallback
React Native Keynotehttps://www.youtube.com/watch?v=NiYwlvXsBKw
React Nativehttps://reactnative.dev/
0.81https://reactnative.dev/docs/0.81/optimizing-javascript-loading
Nexthttps://reactnative.dev/docs/next/optimizing-javascript-loading
0.86https://reactnative.dev/docs/optimizing-javascript-loading
0.85https://reactnative.dev/docs/0.85/optimizing-javascript-loading
0.84https://reactnative.dev/docs/0.84/optimizing-javascript-loading
0.83https://reactnative.dev/docs/0.83/optimizing-javascript-loading
0.82https://reactnative.dev/docs/0.82/optimizing-javascript-loading
0.81https://reactnative.dev/docs/0.81/optimizing-javascript-loading
0.80https://reactnative.dev/docs/0.80/optimizing-javascript-loading
0.79https://reactnative.dev/docs/0.79/optimizing-javascript-loading
0.78https://reactnative.dev/docs/0.78/optimizing-javascript-loading
0.77https://reactnative.dev/docs/0.77/optimizing-javascript-loading
All versionshttps://reactnative.dev/versions
Developmenthttps://reactnative.dev/docs/0.81/optimizing-javascript-loading
Guideshttps://reactnative.dev/docs/0.81/getting-started
Componentshttps://reactnative.dev/docs/0.81/components-and-apis
APIshttps://reactnative.dev/docs/0.81/accessibilityinfo
Architecturehttps://reactnative.dev/architecture/overview
Contributinghttps://reactnative.dev/contributing/overview
Communityhttps://reactnative.dev/community/overview
Showcasehttps://reactnative.dev/showcase
Bloghttps://reactnative.dev/blog
https://github.com/facebook/react-native
The Basicshttps://reactnative.dev/docs/0.81/getting-started
Environment setuphttps://reactnative.dev/docs/0.81/environment-setup
Workflowhttps://reactnative.dev/docs/0.81/running-on-device
UI & Interactionhttps://reactnative.dev/docs/0.81/style
Debugginghttps://reactnative.dev/docs/0.81/debugging
Testinghttps://reactnative.dev/docs/0.81/testing-overview
Performancehttps://reactnative.dev/docs/0.81/performance
Performance Overviewhttps://reactnative.dev/docs/0.81/performance
Speeding up your Build phasehttps://reactnative.dev/docs/0.81/build-speed
Optimizing FlatList Configurationhttps://reactnative.dev/docs/0.81/optimizing-flatlist-configuration
Optimizing JavaScript loadinghttps://reactnative.dev/docs/0.81/optimizing-javascript-loading
Profilinghttps://reactnative.dev/docs/0.81/profiling
JavaScript Runtimehttps://reactnative.dev/docs/0.81/javascript-environment
Codegenhttps://reactnative.dev/docs/0.81/the-new-architecture/what-is-codegen
Native Developmenthttps://reactnative.dev/docs/0.81/native-platform
Android and iOS guideshttps://reactnative.dev/docs/0.81/headless-js-android
Legacy Architecturehttps://reactnative.dev/docs/0.81/legacy/native-modules-intro
latest versionhttps://reactnative.dev/docs/optimizing-javascript-loading
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#recommended-use-hermes
herehttps://reactnative.dev/docs/0.81/hermes
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#recommended-lazy-load-large-components
lazyhttps://react.dev/reference/react/lazy
lazy-loading components with Suspense https://react.dev/reference/react/lazy#suspense-for-code-splitting
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#tip-avoid-module-side-effects
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#advanced-call-require-inline
require()https://metrobundler.dev/docs/module-api/#require
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#advanced-automatically-inline-require-calls
getTransformOptionshttps://metrobundler.dev/docs/configuration#gettransformoptions
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#pitfalls-of-inline-requires
getTransformOptions in Metrohttps://metrobundler.dev/docs/configuration#gettransformoptions
https://reactnative.dev/docs/0.81/optimizing-javascript-loading#advanced-use-random-access-module-bundles-non-hermes
using Hermeshttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#use-hermes
getTransformOptions in Metrohttps://metrobundler.dev/docs/configuration#gettransformoptions
Edit page for next releasehttps://github.com/facebook/react-native-website/edit/main/docs/optimizing-javascript-loading.md
Edit page for 0.81 releasehttps://github.com/facebook/react-native-website/edit/main/website/versioned_docs/version-0.81/optimizing-javascript-loading.md
PreviousOptimizing FlatList Configurationhttps://reactnative.dev/docs/0.81/optimizing-flatlist-configuration
NextProfilinghttps://reactnative.dev/docs/0.81/profiling
Recommended: Use Hermeshttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#recommended-use-hermes
Recommended: Lazy-load large componentshttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#recommended-lazy-load-large-components
Tip: Avoid module side effectshttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#tip-avoid-module-side-effects
Advanced: Call require inlinehttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#advanced-call-require-inline
Advanced: Automatically inline require callshttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#advanced-automatically-inline-require-calls
Pitfalls of inline requireshttps://reactnative.dev/docs/0.81/optimizing-javascript-loading#pitfalls-of-inline-requires
Advanced: Use random access module bundles (non-Hermes)https://reactnative.dev/docs/0.81/optimizing-javascript-loading#advanced-use-random-access-module-bundles-non-hermes
Guideshttps://reactnative.dev/docs/getting-started
Componentshttps://reactnative.dev/docs/components-and-apis
APIshttps://reactnative.dev/docs/accessibilityinfo
Architecturehttps://reactnative.dev/architecture/overview
Showcasehttps://reactnative.dev/showcase
Contributinghttps://reactnative.dev/contributing/overview
Communityhttps://reactnative.dev/community/overview
Code of Conducthttps://github.com/react/react-native/blob/main/CODE_OF_CONDUCT.md
Bloghttps://reactnative.dev/blog
Xhttps://x.com/reactnative
Blueskyhttps://bsky.app/profile/reactnative.dev
GitHubhttps://github.com/facebook/react-native
Reacthttps://react.dev/
Packages Directoryhttps://reactnative.directory/
Privacy Policyhttps://opensource.fb.com/legal/privacy/
Terms of Servicehttps://opensource.fb.com/legal/terms/
https://opensource.fb.com/

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


URLs of crawlers that visited me.