SiteOne Crawler Report - react.dev

Summary

⛔ 1 page(s) with multiple <h1> headings.
⛔ Security - 328 pages(s) with critical finding(s).
⚠️ Redirects - 4 redirects found.
⚠️ The description '' exceeds the allowed 10% duplicity. 99% of pages have this same description.
⚠️ No AVIF image found on the website.
⚠️ 165 page(s) with large inline SVGs (> 5120 bytes).
⚠️ 119 page(s) with duplicated inline SVGs (> 5 duplicates).
⚠️ 155 page(s) with skipped heading levels.
⚠️ 1 page(s) with deep DOM (> 30 levels).
⚠️ 3 page(s) without image alt attributes.
⚠️ 163 page(s) without aria labels.
⚠️ 163 page(s) without role attributes.
⏩ Loaded robots.txt for domain 'react.dev': status code 200, size 24 B and took 86 ms.
⏩ Loaded robots.txt for domain 'www.googletagmanager.com': status code 404, size 2 kB and took 55 ms.
⏩ 404 NOTICE - 1 non-existent page(s) found.
⏩ DNS IPv6: domain react.dev does not support IPv6 (DNS server: 10.255.255.254).
✅ SSL/TLS certificate is valid until Oct 19 06:00:51 2024 GMT. Issued by C = US, O = Let's Encrypt, CN = R10. Subject is CN = react.dev.
✅ SSL/TLS certificate issued by 'C = US, O = Let's Encrypt, CN = R10'.
✅ Performance OK - all non-media URLs are faster than 3 seconds.
✅ HTTP headers - found 23 unique headers.
✅ All 163 unique title(s) are within the allowed 10% duplicity. Highest duplicity title has 0%.
✅ All pages support Brotli compression.
✅ 331 WebP image(s) found on the website.
✅ All pages have quoted attributes.
✅ All pages have valid or none inline SVGs.
✅ All pages have <h1> heading.
✅ All pages have clickable (interactive) phone numbers.
✅ All pages have valid HTML.
✅ All pages have form labels.
✅ All pages have lang attribute.
✅ DNS IPv4 OK: domain react.dev resolved to 76.76.21.98, 76.76.21.123 (DNS server: 10.255.255.254).
📌 Text report saved to '%path%/siteone-crawler/tmp/react.dev.output.20240816-184802.txt' and took 1 ms.
📌 JSON report saved to '%path%/siteone-crawler/tmp/react.dev.output.20240816-184802.json' and took 10 ms.
📌 HTML report saved to '%path%/siteone-crawler/tmp/react.dev.report.20240816-184802.html' and took 139 ms.

Visited URLs

Found 626 row(s).

URL	Status	Type	Time (s)	Size	X-Vercel-Cache	Title
/	200	HTML	91 ms	259 kB	HIT	React
/images/home/conf2021/roman.jpg	200	Image	49 ms	981 B	HIT
/images/home/conf2021/eric.jpg	200	Image	57 ms	1 kB	HIT
/images/home/conf2021/shruti.jpg	200	Image	46 ms	1 kB	HIT
/community	200	HTML	57 ms	77 kB	HIT	React Community – React
/fonts/Optimistic_Display_W_SBd.woff2	200	Font	69 ms	23 kB	HIT
/images/uwu.png	200	Image	70 ms	54 kB	HIT
/community/translations	200	HTML	62 ms	99 kB	HIT	Translations – React
/community/meetups	200	HTML	61 ms	194 kB	HIT	React Meetups – React
/images/home/community/react_india_team.webp	200	Image	63 ms	25 kB	HIT
/versions	200	HTML	57 ms	205 kB	HIT	React Versions – React
/images/home/conf2021/delba.jpg	200	Image	43 ms	1 kB	HIT
/community/videos	200	HTML	79 ms	118 kB	HIT	React Videos – React
/favicon-16x16.png	200	Image	42 ms	872 B	HIT
/fonts/Optimistic_Display_W_Md.woff2	200	Font	133 ms	23 kB	HIT
/safari-pinned-tab.svg	200	Image	44 ms	4 kB	HIT
/learn	200	HTML	68 ms	255 kB	HIT	Quick Start – React
/images/home/conf2021/lauren.jpg	200	Image	43 ms	5 kB	HIT
/reference/react/components	200	HTML	69 ms	187 kB	HIT	Built-in React Components – React
/learn/render-and-commit	200	HTML	93 ms	164 kB	HIT	Render and Commit – React
/learn/preserving-and-resetting-state	200	HTML	71 ms	465 kB	HIT	Preserving and Resetting State – React
/reference/react-dom/components/textarea	200	HTML	124 ms	353 kB	HIT	<textarea> – React
/reference/react-dom/components/link	200	HTML	83 ms	301 kB	HIT	<link> – React
/reference/react-dom/hydrate	200	HTML	111 ms	254 kB	HIT	hydrate – React
/reference/react-dom/components/common	200	HTML	72 ms	846 kB	HIT	Common components (e.g. <div>) – React
/reference/rsc/use-client	200	HTML	81 ms	334 kB	HIT	'use client' directive – React
/reference/rsc/use-server	200	HTML	76 ms	260 kB	HIT	'use server' directive – React
/reference/react/cloneElement	200	HTML	93 ms	344 kB	HIT	cloneElement – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt2.dark.png&w=1920&q=75	200	Image	305 ms	29 kB	HIT
/reference/react/createRef	200	HTML	69 ms	250 kB	HIT	createRef – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt2.dark.png&w=828&q=75	200	Image	55 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_module_dependency.png&w=640&q=75	200	Image	82 ms	19 kB	HIT
/reference/react/cache	200	HTML	88 ms	360 kB	HIT	cache – React
/reference/react/useRef	200	HTML	91 ms	315 kB	HIT	useRef – React
/images/docs/illustrations/i_render-and-commit3.png	200	Image	83 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_add_component.png&w=640&q=75	200	Image	178 ms	14 kB	HIT
/reference/react-dom/preinitModule	200	HTML	56 ms	223 kB	HIT	preinitModule – React
/reference/react-dom/preconnect	200	HTML	68 ms	215 kB	HIT	preconnect – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent_clicked.png&w=828&q=75	200	Image	56 ms	25 kB	HIT
/reference/rules/react-calls-components-and-hooks	200	HTML	67 ms	210 kB	HIT	React calls Components and Hooks – React
/reference/react/useInsertionEffect	200	HTML	63 ms	230 kB	HIT	useInsertionEffect – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p1.png&w=640&q=75	200	Image	177 ms	13 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt1.png&w=1920&q=75	200	Image	58 ms	21 kB	HIT
/reference/react/useReducer	200	HTML	87 ms	402 kB	HIT	useReducer – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p1.png&w=1080&q=75	200	Image	74 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_add_component.png&w=1080&q=75	200	Image	70 ms	19 kB	HIT
/reference/react-dom/render	200	HTML	85 ms	255 kB	HIT	render – React
/learn/conditional-rendering	200	HTML	71 ms	278 kB	HIT	Conditional Rendering – React
/learn/typescript	200	HTML	94 ms	275 kB	HIT	Using TypeScript – React
/learn/tutorial-tic-tac-toe	200	HTML	74 ms	931 kB	HIT	Tutorial: Tic-Tac-Toe – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_module_dependency.dark.png&w=1080&q=75	200	Image	202 ms	40 kB	HIT
/images/tutorial/number-filled-board.png	200	Image	42 ms	3 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_module_dependency.png&w=1080&q=75	200	Image	197 ms	32 kB	HIT
/images/tutorial/react-starter-code-codesandbox.png	200	Image	70 ms	62 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt1.dark.png&w=828&q=75	200	Image	57 ms	14 kB	HIT
/learn/referencing-values-with-refs	200	HTML	67 ms	244 kB	HIT	Referencing Values with Refs – React
/reference/react/PureComponent	200	HTML	56 ms	262 kB	HIT	PureComponent – React
/images/docs/illustrations/i_ref.png	200	Image	73 ms	23 kB	HIT
/reference/react-dom/components/style	200	HTML	71 ms	233 kB	HIT	<style> – React
/images/home/conf2021/shaundai.jpg	200	Image	96 ms	2 kB	HIT
/reference/react/useActionState	200	HTML	60 ms	262 kB	HIT	useActionState – React
/learn/add-react-to-an-existing-project	200	HTML	70 ms	154 kB	HIT	Add React to an Existing Project – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dif…position_p3.dark.png&w=1080&q=75	200	Image	202 ms	23 kB	HIT
/images/home/conf2021/tafu.jpg	200	Image	72 ms	1 kB	HIT
/reference/react/legacy	200	HTML	55 ms	192 kB	HIT	Legacy React APIs – React
/learn/extracting-state-logic-into-a-reducer	200	HTML	69 ms	359 kB	HIT	Extracting State Logic into a Reducer – React
/reference/react/Component	200	HTML	84 ms	888 kB	HIT	Component – React
/_next/static/chunks/main-78a3b4c2aa4e4850.js	200	JS	65 ms	92 kB	HIT
/fonts/Optimistic_Text_W_It.woff2	200	Font	58 ms	25 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt1.dark.png&w=1920&q=75	200	Image	203 ms	20 kB	HIT
/reference/react/memo	200	HTML	134 ms	319 kB	HIT	memo – React
/learn/sharing-state-between-components	200	HTML	102 ms	231 kB	HIT	Sharing State Between Components – React
/learn/react-compiler	200	HTML	81 ms	240 kB	HIT	React Compiler – React
/community/docs-contributors	200	HTML	57 ms	86 kB	HIT	Docs Contributors – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent_clicked.png&w=640&q=75	200	Image	92 ms	20 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child.png&w=640&q=75	200	Image	83 ms	13 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent_clicked.dark.png&w=640&q=75	200	Image	58 ms	20 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_increment.dark.png&w=640&q=75	200	Image	59 ms	13 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt2.png&w=1920&q=75	200	Image	58 ms	21 kB	HIT
/_next/static/chunks/pages/_app-dd0b77ea7bd5b246.js	200	JS	59 ms	1 kB	HIT
/community/versioning-policy	200	HTML	66 ms	131 kB	HIT	Versioning Policy – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child.png&w=1080&q=75	200	Image	58 ms	18 kB	HIT
/learn/editor-setup	200	HTML	58 ms	112 kB	HIT	Editor Setup – React
/learn/managing-state	200	HTML	69 ms	296 kB	HIT	Managing State – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_tree.dark.png&w=828&q=75	200	Image	86 ms	13 kB	HIT
/_next/static/j0OVEbBmW0hlpiqUhjMXe/_buildManifest.js	200	JS	57 ms	758 B	HIT
/learn/queueing-a-series-of-state-updates	200	HTML	60 ms	225 kB	HIT	Queueing a Series of State Updates – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child_clicked.png&w=640&q=75	200	Image	56 ms	13 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child_clicked.png&w=828&q=75	200	Image	54 ms	17 kB	HIT
/reference/react/createFactory	200	HTML	57 ms	267 kB	HIT	createFactory – React
/images/tutorial/o-replaces-x.gif	200	Image	54 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent.dark.png&w=828&q=75	200	Image	53 ms	17 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child_clicked.png&w=640&q=75	200	Image	76 ms	15 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_module_dependency.png&w=1200&q=75	200	Image	216 ms	35 kB	HIT
/reference/react/useDebugValue	200	HTML	55 ms	223 kB	HIT	useDebugValue – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_remove_component.png&w=1080&q=75	200	Image	57 ms	13 kB	HIT
/images/home/conf2021/helen.jpg	200	Image	43 ms	1 kB	HIT
/learn/scaling-up-with-reducer-and-context	200	HTML	1.1 s	290 kB	HIT	Scaling Up with Reducer and Context – React
/reference/react-dom/preinit	200	HTML	61 ms	234 kB	HIT	preinit – React
/reference/react/useEffect	200	HTML	82 ms	631 kB	HIT	useEffect – React
/images/home/conf2021/steven.jpg	200	Image	62 ms	4 kB	HIT
/images/home/community/react_india_hallway.webp	200	Image	56 ms	21 kB	HIT
/reference/react/experimental_useEffectEvent	200	HTML	70 ms	180 kB	HIT	experimental_useEffectEvent – React
/learn/thinking-in-react	200	HTML	73 ms	276 kB	HIT	Thinking in React – React
/images/docs/s_thinking-in-react_ui_outline.png	200	Image	70 ms	81 kB	HIT
/favicon-32x32.png	200	Image	44 ms	2 kB	HIT
/learn/lifecycle-of-reactive-effects	200	HTML	76 ms	426 kB	HIT	Lifecycle of Reactive Effects – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_render_tree.dark.png&w=1080&q=75	200	Image	181 ms	32 kB	HIT
/reference/react-dom/components/input	200	HTML	102 ms	440 kB	HIT	<input> – React
/reference/react	200	HTML	57 ms	193 kB	HIT	React Reference Overview – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_same_component.png&w=640&q=75	200	Image	181 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_tree.png&w=640&q=75	200	Image	198 ms	13 kB	HIT
/reference/react-dom/server/renderToPipeableStream	200	HTML	85 ms	392 kB	HIT	renderToPipeableStream – React
/reference/react/useState	200	HTML	94 ms	474 kB	HIT	useState – React
/reference/react-dom/components/script	200	HTML	58 ms	251 kB	HIT	<script> – React
/reference/react/isValidElement	200	HTML	57 ms	226 kB	HIT	isValidElement – React
/blog/2021/06/08/the-plan-for-react-18	200	HTML	89 ms	87 kB	HIT	The Plan for React 18 – React
/reference/react-dom/preload	200	HTML	92 ms	243 kB	HIT	preload – React
/learn/updating-arrays-in-state	200	HTML	85 ms	387 kB	HIT	Updating Arrays in State – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child.dark.png&w=1080&q=75	200	Image	71 ms	15 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_add_component.dark.png&w=1080&q=75	200	Image	183 ms	17 kB	HIT
/reference/react-dom/components/form	200	HTML	60 ms	342 kB	HIT	<form> – React
/learn/responding-to-events	200	HTML	97 ms	314 kB	HIT	Responding to Events – React
/images/home/conf2021/cover.svg	200	Image	1.1 s	1 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child.png&w=640&q=75	200	Image	72 ms	14 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p3.png&w=640&q=75	200	Image	196 ms	17 kB	HIT
/images/home/conf2021/andrew.jpg	200	Image	40 ms	2 kB	HIT
/reference/react-dom/prefetchDNS	200	HTML	56 ms	216 kB	HIT	prefetchDNS – React
/reference/react/useSyncExternalStore	200	HTML	74 ms	323 kB	HIT	useSyncExternalStore – React
/reference/react/useId	200	HTML	61 ms	280 kB	HIT	useId – React
/reference/react-dom/createPortal	200	HTML	62 ms	292 kB	HIT	createPortal – React
/learn/manipulating-the-dom-with-refs	200	HTML	80 ms	363 kB	HIT	Manipulating the DOM with Refs – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child_clicked.png&w=1080&q=75	200	Image	57 ms	18 kB	HIT
/learn/describing-the-ui	200	HTML	303 ms	264 kB	HIT	Describing the UI – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_render_tree.png&w=640&q=75	200	Image	53 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_render_tree.png&w=1080&q=75	200	Image	182 ms	39 kB	HIT
/learn/escape-hatches	200	HTML	76 ms	332 kB	HIT	Escape Hatches – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_dependency_tree.dark.png&w=1080&q=75	200	Image	180 ms	20 kB	HIT
/reference/react-dom/components/meta	200	HTML	55 ms	232 kB	HIT	<meta> – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_render_tree.dark.png&w=640&q=75	200	Image	57 ms	19 kB	HIT
/_next/static/chunks/webpack-1c06bae64726f723.js	200	JS	51 ms	5 kB	HIT
/fonts/Optimistic_Text_W_Rg.woff2	200	Font	55 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent.dark.png&w=640&q=75	200	Image	54 ms	15 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p1.dark.png&w=640&q=75	200	Image	179 ms	13 kB	HIT
/reference/react/experimental_taintUniqueValue	200	HTML	60 ms	240 kB	HIT	experimental_taintUniqueValue – React
/images/tutorial/devtools-select.gif	200	Image	219 ms	245 kB	HIT
/_next/static/chunks/framework-1f5321399f6bc226.js	200	JS	73 ms	178 kB	HIT
/learn/state-as-a-snapshot	200	HTML	59 ms	223 kB	HIT	State as a Snapshot – React
/reference/react-dom/flushSync	200	HTML	77 ms	228 kB	HIT	flushSync – React
/images/home/community/react_conf_elizabet.webp	200	Image	76 ms	20 kB	HIT
/images/tutorial/nine-x-filled-squares.png	200	Image	41 ms	764 B	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent.png&w=640&q=75	200	Image	56 ms	17 kB	HIT
/reference/react-dom/components/select	200	HTML	68 ms	357 kB	HIT	<select> – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt1.png&w=828&q=75	200	Image	178 ms	14 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt1.png&w=828&q=75	200	Image	220 ms	19 kB	HIT
/reference/rsc/server-components	200	HTML	58 ms	267 kB	HIT	React Server Components – React
/learn/passing-data-deeply-with-context	200	HTML	91 ms	340 kB	HIT	Passing Data Deeply with Context – React
/reference/react/use	200	HTML	91 ms	338 kB	HIT	use – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_prop_drilling.dark.png&w=640&q=75	200	Image	208 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_far.dark.png&w=1920&q=75	200	Image	184 ms	30 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_close.png&w=1920&q=75	200	Image	169 ms	9 kB	HIT
/reference/react/startTransition	200	HTML	58 ms	213 kB	HIT	startTransition – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_far.png&w=1920&q=75	200	Image	202 ms	28 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_prop_drilling.dark.png&w=1920&q=75	200	Image	173 ms	17 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_prop_drilling.png&w=640&q=75	200	Image	185 ms	13 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_lifting_state.png&w=640&q=75	200	Image	195 ms	6 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_close.png&w=640&q=75	200	Image	175 ms	8 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_lifting_state.dark.png&w=640&q=75	200	Image	234 ms	6 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_close.dark.png&w=640&q=75	200	Image	44 ms	8 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_tree.dark.png&w=640&q=75	200	Image	53 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_prop_drilling.png&w=1920&q=75	200	Image	63 ms	18 kB	HIT
/reference/rsc/directives	200	HTML	72 ms	191 kB	HIT	Directives – React
/reference/react-dom/unmountComponentAtNode	200	HTML	61 ms	216 kB	HIT	unmountComponentAtNode – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_dependency_tree.dark.png&w=640&q=75	200	Image	56 ms	13 kB	HIT
/reference/react-dom/hooks/useFormStatus	200	HTML	226 ms	271 kB	HIT	useFormStatus – React
/fonts/Optimistic_Display_W_Bd.woff2	200	Font	61 ms	23 kB	HIT
/images/tutorial/tictac-adding-x-s.gif	200	Image	119 ms	159 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p2.png&w=640&q=75	200	Image	182 ms	18 kB	HIT
/reference/react/Profiler	200	HTML	66 ms	228 kB	HIT	<Profiler> – React
/images/tutorial/two-x-filled-squares.png	200	Image	68 ms	594 B	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child.dark.png&w=828&q=75	200	Image	69 ms	14 kB	HIT
/images/docs/illustrations/i_rerender2.png	200	Image	66 ms	25 kB	HIT
/_next/image?url=%2Fimages%2Fuwu.png&w=640&q=75	200	Image	63 ms	22 kB	HIT
/reference/react/StrictMode	200	HTML	112 ms	362 kB	HIT	<StrictMode> – React
/images/home/community/react_india_sunil.webp	200	Image	67 ms	18 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p2.dark.png&w=640&q=75	200	Image	495 ms	18 kB	HIT
/images/docs/illustrations/i_rerender1.png	200	Image	58 ms	30 kB	HIT
/reference/rules	200	HTML	61 ms	198 kB	HIT	Rules of React – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_render_tree.dark.png&w=640&q=75	200	Image	243 ms	20 kB	HIT
/images/docs/illustrations/i_state-snapshot2.png	200	Image	72 ms	51 kB	HIT
/images/docs/illustrations/i_render-and-commit1.png	200	Image	63 ms	27 kB	HIT
/reference/react-dom/findDOMNode	200	HTML	60 ms	314 kB	HIT	findDOMNode – React
/learn/passing-props-to-a-component	200	HTML	75 ms	257 kB	HIT	Passing Props to a Component – React
/images/docs/illustrations/i_children-prop.png	200	Image	71 ms	57 kB	HIT
/blog/2024/05/22/react-conf-2024-recap	200	HTML	58 ms	124 kB	HIT	React Conf 2024 Recap – React
/reference/react/apis	200	HTML	70 ms	193 kB	HIT	Built-in React APIs – React
/images/docs/illustrations/i_state-snapshot1.png	200	Image	69 ms	59 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent.dark.png&w=1080&q=75	200	Image	182 ms	19 kB	HIT
/reference/react/forwardRef	200	HTML	66 ms	329 kB	HIT	forwardRef – React
/learn/state-a-components-memory	200	HTML	1.1 s	332 kB	HIT	State: A Component's Memory – React
/images/tutorial/board-filled-with-ones.png	200	Image	43 ms	503 B	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_far.dark.png&w=640&q=75	200	Image	205 ms	24 kB	HIT
/images/home/conf2021/debbie.jpg	200	Image	42 ms	809 B	HIT
/reference/react-dom/components/option	200	HTML	58 ms	216 kB	HIT	<option> – React
/images/home/videos/rethinking.jpg	200	Image	82 ms	8 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent_clicked.dark.png&w=1080&q=75	200	Image	195 ms	27 kB	HIT
/images/home/videos/hooks.jpg	200	Image	42 ms	5 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent.png&w=1080&q=75	200	Image	58 ms	23 kB	HIT
/learn/keeping-components-pure	200	HTML	83 ms	227 kB	HIT	Keeping Components Pure – React
/images/docs/illustrations/i_state-snapshot3.png	200	Image	73 ms	54 kB	HIT
/learn/synchronizing-with-effects	200	HTML	73 ms	494 kB	HIT	Synchronizing with Effects – React
/images/home/conf2021/juan.jpg	200	Image	51 ms	1018 B	HIT
/_next/image?url=%2Fimages%2Fuwu.png&w=384&q=75	200	Image	65 ms	14 kB	HIT
/reference/react-dom/server/renderToStaticNodeStream	200	HTML	57 ms	211 kB	HIT	renderToStaticNodeStream – React
/blog	200	HTML	64 ms	83 kB	HIT	React Blog – React
/reference/react/experimental_taintObjectReference	200	HTML	56 ms	229 kB	HIT	experimental_taintObjectReference – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent_clicked.dark.png&w=828&q=75	200	Image	65 ms	24 kB	HIT
/images/home/community/react_conf_fun.webp	200	Image	76 ms	55 kB	HIT
/reference/react/useImperativeHandle	200	HTML	81 ms	256 kB	HIT	useImperativeHandle – React
/images/docs/illustrations/i_puritea-recipe.png	200	Image	71 ms	48 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt2.dark.png&w=1920&q=75	200	Image	206 ms	20 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_remove_component.dark.png&w=640&q=75	200	Image	173 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_rem…e_component.dark.png&w=1080&q=75	200	Image	188 ms	13 kB	HIT
/reference/react-dom/server/renderToStaticMarkup	200	HTML	69 ms	208 kB	HIT	renderToStaticMarkup – React
/images/docs/illustrations/i_render2.png	200	Image	47 ms	9 kB	HIT
/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js	200	JS	58 ms	89 kB	HIT
/learn/removing-effect-dependencies	200	HTML	71 ms	527 kB	HIT	Removing Effect Dependencies – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt2.png&w=828&q=75	200	Image	202 ms	15 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dif…position_p1.dark.png&w=1080&q=75	200	Image	225 ms	18 kB	HIT
/learn/updating-objects-in-state	200	HTML	70 ms	349 kB	HIT	Updating Objects in State – React
/_next/static/css/70006ba8a90671f5.css	200	CSS	53 ms	108 kB	HIT
/fonts/Optimistic_Text_Cyrl_W_Md.woff2	200	Font	58 ms	24 kB	HIT
/images/meta-gradient-dark.png	200	Image	43 ms	2 kB	HIT
/reference/react-dom/components/progress	200	HTML	62 ms	209 kB	HIT	<progress> – React
/reference/react/useMemo	200	HTML	71 ms	466 kB	HIT	useMemo – React
/fonts/Optimistic_Text_Viet_W_Rg.woff2	200	Font	57 ms	20 kB	HIT
/fonts/Optimistic_Display_Arbc_W_Md.woff2	200	Font	67 ms	29 kB	HIT
/fonts/Optimistic_Display_Viet_W_SBd.woff2	200	Font	59 ms	20 kB	HIT
/fonts/Optimistic_Display_Cyrl_W_SBd.woff2	200	Font	59 ms	25 kB	HIT
/images/g_arrow.png	200	Image	42 ms	5 kB	HIT
/fonts/Optimistic_Text_Arbc_W_Md.woff2	200	Font	58 ms	29 kB	HIT
/fonts/Optimistic_Display_W_MdIt.woff2	200	Font	92 ms	23 kB	HIT
/fonts/Optimistic_Display_W_SBdIt.woff2	200	Font	59 ms	24 kB	HIT
/fonts/Optimistic_Text_W_MdIt.woff2	200	Font	59 ms	26 kB	HIT
/images/meta-gradient.png	200	Image	43 ms	2 kB	HIT
/fonts/Optimistic_Text_Deva_W_Rg.woff2	200	Font	153 ms	91 kB	HIT
/fonts/Optimistic_Display_W_BdIt.woff2	200	Font	57 ms	24 kB	HIT
/fonts/Optimistic_Display_Cyrl_W_Bd.woff2	200	Font	60 ms	25 kB	HIT
/fonts/Optimistic_Display_Deva_W_Bd.woff2	200	Font	74 ms	91 kB	HIT
/fonts/Optimistic_Text_Deva_W_Bd.woff2	200	Font	105 ms	94 kB	HIT
/fonts/Optimistic_Display_Deva_W_SBd.woff2	200	Font	108 ms	90 kB	HIT
/fonts/Optimistic_Text_Viet_W_Md.woff2	200	Font	59 ms	21 kB	HIT
/fonts/Optimistic_Text_Cyrl_W_Bd.woff2	200	Font	62 ms	25 kB	HIT
/fonts/Optimistic_Text_Arbc_W_Rg.woff2	200	Font	55 ms	28 kB	HIT
/fonts/Optimistic_Display_Arbc_W_Bd.woff2	200	Font	54 ms	29 kB	HIT
/images/home/conf2021/rachel.jpg	200	Image	42 ms	2 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_add_component.dark.png&w=640&q=75	200	Image	61 ms	14 kB	HIT
/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024	200	HTML	58 ms	122 kB	HIT	React Labs: What We've Been Working On – February 2024 – React
/blog/2023/03/16/introducing-react-dev	200	HTML	68 ms	218 kB	HIT	Introducing react.dev – React
/_next/static/chunks/247-b45f1ff89e0703d2.js	200	JS	83 ms	235 kB	HIT
/reference	308	Redirect	41 ms	97 B
/images/tutorial/board-filled-with-value.png	200	Image	77 ms	21 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_same_component.dark.png&w=640&q=75	200	Image	175 ms	22 kB	HIT
/reference/react-dom/components	200	HTML	57 ms	342 kB	HIT	React DOM Components – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child_clicked.dark.png&w=640&q=75	200	Image	64 ms	14 kB	HIT
/reference/react/useTransition	200	HTML	84 ms	448 kB	HIT	useTransition – React
/reference/react/Fragment	200	HTML	96 ms	256 kB	HIT	<Fragment> (<>...</>) – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p3.png&w=1080&q=75	200	Image	70 ms	24 kB	HIT
/reference/react/Suspense	200	HTML	69 ms	461 kB	HIT	<Suspense> – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_same_component.png&w=1200&q=75	200	Image	62 ms	38 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_parent_clicked.png&w=1080&q=75	200	Image	57 ms	28 kB	HIT
/reference/react-dom/server	200	HTML	64 ms	198 kB	HIT	Server React DOM APIs – React
/fonts/Optimistic_Display_Viet_W_Bd.woff2	200	Font	57 ms	20 kB	HIT
/fonts/Optimistic_Text_W_Md.woff2	200	Font	55 ms	23 kB	HIT
/fonts/Optimistic_Text_Deva_W_Md.woff2	200	Font	147 ms	93 kB	HIT
/images/docs/react-devtools-usedebugvalue.png	200	Image	71 ms	83 kB	HIT
/images/home/conf2019/cover.svg	200	Image	50 ms	11 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_increment.png&w=640&q=75	200	Image	180 ms	13 kB	HIT
/fonts/Optimistic_Display_Viet_W_Md.woff2	200	Font	64 ms	20 kB	HIT
/images/docs/illustrations/i_render3.png	200	Image	72 ms	32 kB	HIT
/images/home/community/react_conf_hallway.webp	200	Image	68 ms	41 kB	HIT
/images/home/conf2021/lyle.jpg	200	Image	43 ms	1 kB	HIT
/images/docs/illustrations/i_render-and-commit2.png	200	Image	57 ms	22 kB	HIT
/reference/rsc/server-actions	200	HTML	58 ms	248 kB	HIT	Server Actions – React
/images/home/conf2021/daishi.jpg	200	Image	42 ms	1 kB	HIT
/community/acknowledgements	200	HTML	58 ms	98 kB	HIT	Acknowledgements – React
/reference/react-dom/hooks/useFormState	308	Redirect	39 ms	127 B
/learn/installation	200	HTML	56 ms	111 kB	HIT	Installation – React
/learn/writing-markup-with-jsx	200	HTML	75 ms	187 kB	HIT	Writing Markup with JSX – React
/reference/rules/rules-of-hooks	200	HTML	72 ms	212 kB	HIT	Rules of Hooks – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_sidebar.dark.png&w=750&q=75	200	Image	191 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_html.png&w=384&q=75	200	Image	49 ms	6 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_html.dark.png&w=750&q=75	200	Image	184 ms	9 kB	HIT
/blog/2022/03/08/react-18-upgrade-guide	200	HTML	56 ms	174 kB	HIT	How to Upgrade to React 18 – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_html.dark.png&w=384&q=75	200	Image	45 ms	6 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_html.png&w=750&q=75	200	Image	47 ms	9 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_form.dark.png&w=750&q=75	200	Image	265 ms	18 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_js.png&w=384&q=75	200	Image	1.1 s	7 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_sidebar.png&w=750&q=75	200	Image	54 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_form.png&w=750&q=75	200	Image	55 ms	18 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_form.png&w=384&q=75	200	Image	45 ms	10 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_js.dark.png&w=384&q=75	200	Image	46 ms	8 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_js.png&w=750&q=75	200	Image	54 ms	12 kB	HIT
/images/home/conf2021/sarah.jpg	200	Image	53 ms	1 kB	HIT
/reference/react/useOptimistic	200	HTML	57 ms	234 kB	HIT	useOptimistic – React
/learn/javascript-in-jsx-with-curly-braces	200	HTML	80 ms	213 kB	HIT	JavaScript in JSX with Curly Braces – React
/reference/rules/components-and-hooks-must-be-pure	200	HTML	87 ms	315 kB	HIT	Components and Hooks must be pure – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent.png&w=828&q=75	200	Image	56 ms	21 kB	HIT
/images/home/conf2021/brian.jpg	200	Image	42 ms	1 kB	HIT
/blog/2021/12/17/react-conf-2021-recap	200	HTML	81 ms	132 kB	HIT	React Conf 2021 Recap – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_close.dark.png&w=1920&q=75	200	Image	222 ms	10 kB	HIT
/apple-touch-icon.png	200	Image	43 ms	6 kB	HIT
/learn/understanding-your-ui-as-a-tree	200	HTML	62 ms	162 kB	HIT	Understanding Your UI as a Tree – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_increment.png&w=1080&q=75	200	Image	55 ms	16 kB	HIT
/learn/separating-events-from-effects	200	HTML	81 ms	416 kB	HIT	Separating Events from Effects – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fconditional_render_tree.png&w=640&q=75	200	Image	198 ms	18 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Frender_tree.dark.png&w=640&q=75	200	Image	65 ms	14 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Frender_tree.png&w=1080&q=75	200	Image	182 ms	29 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fmodule_dependency_tree.dark.png&w=750&q=75	200	Image	57 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fconditional_render_tree.dark.png&w=1200&q=75	200	Image	59 ms	26 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Frender_tree.dark.png&w=1080&q=75	200	Image	57 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Frender_tree.png&w=640&q=75	200	Image	220 ms	17 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fmodule_dependency_tree.dark.png&w=1920&q=75	200	Image	57 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fmodule_dependency_tree.png&w=1920&q=75	200	Image	188 ms	33 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fconditional_render_tree.png&w=1200&q=75	200	Image	56 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fconditional_render_tree.dark.png&w=640&q=75	200	Image	58 ms	14 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dom_tree.dark.png&w=1920&q=75	200	Image	59 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dom_tree.png&w=1080&q=75	200	Image	266 ms	23 kB	HIT
/reference/react-dom/server/renderToString	200	HTML	86 ms	235 kB	HIT	renderToString – React
/blog/2024/04/25/react-19-upgrade-guide	200	HTML	72 ms	311 kB	HIT	React 19 RC Upgrade Guide – React
/learn/adding-interactivity	200	HTML	68 ms	290 kB	HIT	Adding Interactivity – React
/fonts/Optimistic_Text_W_Bd.woff2	200	Font	75 ms	23 kB	HIT
/link/new-jsx-transform	307	Redirect	42 ms	227 B
/TODO	404	HTML	69 ms	83 kB	HIT	Not Found – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent_clicked.dark.png&w=640&q=75	200	Image	55 ms	22 kB	HIT
/warnings/react-dom-test-utils	200	HTML	57 ms	90 kB	HIT	react-dom/test-utils Deprecation Warnings – React
/_next/static/chunks/pages/404-5e42325bccc9ccb1.js	200	JS	44 ms	836 B	HIT
/_next/image?url=%2Fimages%2Fuwu.png&w=128&q=75	200	Image	62 ms	6 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt1.dark.png&w=828&q=75	200	Image	181 ms	19 kB	HIT
/reference/react/lazy	200	HTML	61 ms	245 kB	HIT	lazy – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_dependency_tree.png&w=640&q=75	200	Image	90 ms	15 kB	HIT
/reference/react-dom/server/renderToReadableStream	200	HTML	79 ms	393 kB	HIT	renderToReadableStream – React
/reference/react/useCallback	200	HTML	89 ms	403 kB	HIT	useCallback – React
/reference/react-dom/preloadModule	200	HTML	130 ms	223 kB	HIT	preloadModule – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dom_tree.png&w=1920&q=75	200	Image	78 ms	29 kB	HIT
/images/docs/illustrations/i_rerender3.png	200	Image	62 ms	22 kB	HIT
/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023	200	HTML	63 ms	115 kB	HIT	React Labs: What We've Been Working On – March 2023 – React
/images/docs/s_thinking-in-react_ui.png	200	Image	57 ms	25 kB	HIT
/images/home/conf2021/xuan.jpg	200	Image	43 ms	786 B	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child_clicked.dark.png&w=1080&q=75	200	Image	68 ms	17 kB	HIT
/images/home/videos/documentary.webp	200	Image	72 ms	10 kB	HIT
/reference/react/hooks	200	HTML	57 ms	220 kB	HIT	Built-in React Hooks – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_render_tree.png&w=1080&q=75	200	Image	211 ms	29 kB	HIT
/reference/react/act	200	HTML	61 ms	242 kB	HIT	act – React
/reference/react/useContext	200	HTML	71 ms	389 kB	HIT	useContext – React
/blog/2020/12/21/data-fetching-with-react-server-components	200	HTML	111 ms	65 kB	HIT	Introducing Zero-Bundle-Size React Server Components – React
/images/tutorial/codesandbox-devtools.png	200	Image	80 ms	38 kB	HIT
/reference/react-dom/server/renderToNodeStream	200	HTML	59 ms	211 kB	HIT	renderToNodeStream – React
/images/home/videos/rn.jpg	200	Image	54 ms	13 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_tree.png&w=828&q=75	200	Image	55 ms	15 kB	HIT
/images/home/conf2021/rick.jpg	200	Image	77 ms	1 kB	HIT
/learn/reusing-logic-with-custom-hooks	200	HTML	74 ms	582 kB	HIT	Reusing Logic with Custom Hooks – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_module_dependency.dark.png&w=1200&q=75	200	Image	232 ms	45 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_context_far.png&w=640&q=75	200	Image	55 ms	22 kB	HIT
/fonts/Optimistic_Text_Arbc_W_Bd.woff2	200	Font	56 ms	29 kB	HIT
/learn/rendering-lists	200	HTML	69 ms	263 kB	HIT	Rendering Lists – React
/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022	200	HTML	56 ms	100 kB	HIT	React Labs: What We've Been Working On – June 2022 – React
/images/tutorial/empty-board.png	200	Image	77 ms	148 B	HIT
/_next/static/j0OVEbBmW0hlpiqUhjMXe/_ssgManifest.js	200	JS	64 ms	154 B	HIT
/images/home/videos/rsc.jpg	200	Image	43 ms	6 kB	HIT
/_next/static/chunks/181-214845cf9287d64e.js	200	JS	69 ms	91 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt1.png&w=1920&q=75	200	Image	60 ms	31 kB	HIT
/reference/react-dom/client/hydrateRoot	200	HTML	76 ms	423 kB	HIT	hydrateRoot – React
/learn/importing-and-exporting-components	200	HTML	57 ms	194 kB	HIT	Importing and Exporting Components – React
https://www.googletagmanager.com/gtag/js?id=G-B1E83PJ3RT	200	JS	129 ms	263 kB
/reference/react-dom/components/title	200	HTML	59 ms	229 kB	HIT	<title> – React
/images/home/conf2021/diego.jpg	200	Image	74 ms	1 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child_clicked.dark.png&w=828&q=75	200	Image	57 ms	16 kB	HIT
/learn/you-might-not-need-an-effect	200	HTML	88 ms	420 kB	HIT	You Might Not Need an Effect – React
/fonts/Optimistic_Display_Deva_W_Md.woff2	200	Font	90 ms	87 kB	HIT
/reference/react-dom	200	HTML	62 ms	201 kB	HIT	React DOM APIs – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_pt2.dark.png&w=828&q=75	200	Image	251 ms	15 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_lifting_state.png&w=1920&q=75	200	Image	47 ms	8 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_module_dependency.dark.png&w=640&q=75	200	Image	178 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child.dark.png&w=640&q=75	200	Image	56 ms	12 kB	HIT
/fonts/Optimistic_Text_W_BdIt.woff2	200	Font	66 ms	26 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child.dark.png&w=640&q=75	200	Image	44 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpassing_data_lifting_state.dark.png&w=1920&q=75	200	Image	193 ms	8 kB	HIT
/fonts/Optimistic_Text_Cyrl_W_Rg.woff2	200	Font	76 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fuwu.png&w=64&q=75	200	Image	42 ms	5 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent_clicked.png&w=640&q=75	200	Image	68 ms	22 kB	HIT
/images/docs/illustrations/i_react-batching.png	200	Image	77 ms	97 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_sidebar.png&w=384&q=75	200	Image	45 ms	9 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_same_component.dark.png&w=1200&q=75	200	Image	193 ms	35 kB	HIT
/reference/react-dom/client/createRoot	200	HTML	144 ms	435 kB	HIT	createRoot – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p2.png&w=1080&q=75	200	Image	1.1 s	24 kB	HIT
/reference/react-dom/client	200	HTML	98 ms	187 kB	HIT	Client React DOM APIs – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_js.dark.png&w=750&q=75	200	Image	177 ms	12 kB	HIT
/images/docs/illustrations/i_render1.png	200	Image	58 ms	19 kB	HIT
/reference/react/Children	200	HTML	74 ms	477 kB	HIT	Children – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_remove_component.png&w=640&q=75	200	Image	178 ms	11 kB	HIT
/images/home/conf2021/robert.jpg	200	Image	42 ms	1 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt2.png&w=1920&q=75	200	Image	59 ms	31 kB	HIT
/learn/choosing-the-state-structure	200	HTML	99 ms	490 kB	HIT	Choosing the State Structure – React
/reference/react-dom/hooks	200	HTML	56 ms	192 kB	HIT	Built-in React DOM Hooks – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent.png&w=640&q=75	200	Image	71 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_sidebar.dark.png&w=384&q=75	200	Image	50 ms	9 kB	HIT
/_next/static/chunks/pages/%5B%5B...markdownPath%5D%5D-11b0a336f223865f.js	200	JS	81 ms	10 kB	HIT
/blog/2023/05/03/react-canaries	200	HTML	58 ms	103 kB	HIT	React Canaries: Enabling Incremental Feature Rollout Outside Meta – React
/images/tutorial/x-filled-square.png	200	Image	42 ms	477 B	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_increment.dark.png&w=1080&q=75	200	Image	222 ms	15 kB	HIT
/learn/start-a-new-react-project	200	HTML	62 ms	158 kB	HIT	Start a New React Project – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_state_child_clicked.dark.png&w=640&q=75	200	Image	59 ms	13 kB	HIT
/images/home/conf2021/aakansha.jpg	200	Image	43 ms	1 kB	HIT
/images/home/community/react_conf_nat.webp	200	Image	66 ms	26 kB	HIT
/reference/react/createElement	200	HTML	61 ms	259 kB	HIT	createElement – React
https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html	200	HTML	100 ms	126 kB	HIT
/images/home/conf2021/linton.jpg	200	Image	67 ms	1 kB	HIT
/reference/react/createContext	200	HTML	58 ms	249 kB	HIT	createContext – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fuse_client_render_tree.png&w=640&q=75	200	Image	55 ms	17 kB	HIT
/fonts/Optimistic_Text_Viet_W_Bd.woff2	200	Font	60 ms	20 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_child.png&w=828&q=75	200	Image	57 ms	16 kB	HIT
/images/docs/illustrations/i_import-export.svg	200	Image	58 ms	4 kB	HIT
/reference/react/useDeferredValue	200	HTML	71 ms	352 kB	HIT	useDeferredValue – React
/learn/react-developer-tools	200	HTML	55 ms	108 kB	HIT	React Developer Tools – React
/fonts/Source-Code-Pro-Regular.woff2	200	Font	43 ms	10 kB	HIT
/images/docs/react-devtools-standalone.png	200	Image	70 ms	63 kB	HIT
/images/docs/react-devtools-extension.png	200	Image	72 ms	65 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fwriting_jsx_form.dark.png&w=384&q=75	200	Image	65 ms	10 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fmodule_dependency_tree.png&w=750&q=75	200	Image	192 ms	19 kB	HIT
/blog/2024/04/25/react-19	200	HTML	70 ms	294 kB	HIT	React 19 RC – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_dependency_tree.png&w=1080&q=75	200	Image	203 ms	25 kB	HIT
/link/hydration-mismatch	307	Redirect	41 ms	205 B
/fonts/Optimistic_Display_Cyrl_W_Md.woff2	200	Font	87 ms	25 kB	HIT
/community/team	200	HTML	58 ms	232 kB	HIT	Meet the Team – React
/images/home/community/react_india_selfie.webp	200	Image	56 ms	36 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=750&q=75	200	Image	246 ms	21 kB	HIT
/learn/reacting-to-input-with-state	200	HTML	90 ms	288 kB	HIT	Reacting to Input with State – React
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=1200&q=75	200	Image	290 ms	67 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=1920&q=75	200	Image	338 ms	179 kB	HIT
/images/docs/illustrations/i_declarative-ui-programming.png	200	Image	150 ms	79 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=1200&q=75	200	Image	243 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=2048&q=75	200	Image	300 ms	154 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=750&q=75	200	Image	242 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=828&q=75	200	Image	225 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=1920&q=75	200	Image	220 ms	44 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=3840&q=75	200	Image	326 ms	269 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=1920&q=75	200	Image	300 ms	87 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=640&q=75	200	Image	229 ms	20 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=3840&q=75	200	Image	279 ms	87 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=1080&q=75	200	Image	224 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=3840&q=75	200	Image	231 ms	57 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=1920&q=75	200	Image	210 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=1200&q=75	200	Image	313 ms	269 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=750&q=75	200	Image	206 ms	55 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=640&q=75	200	Image	204 ms	39 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=1080&q=75	200	Image	245 ms	65 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=1200&q=75	200	Image	243 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=1200&q=75	200	Image	248 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=1920&q=75	200	Image	189 ms	64 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=750&q=75	200	Image	186 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=640&q=75	200	Image	237 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=2048&q=75	200	Image	226 ms	40 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=2048&q=75	200	Image	194 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=1920&q=75	200	Image	323 ms	269 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=828&q=75	200	Image	397 ms	143 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fresponding_to_input_flow.dark.png&w=750&q=75	200	Image	292 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=828&q=75	200	Image	234 ms	39 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=640&q=75	200	Image	186 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=2048&q=75	200	Image	227 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=3840&q=75	200	Image	210 ms	67 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=1080&q=75	200	Image	262 ms	67 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=1200&q=75	200	Image	197 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=2048&q=75	200	Image	223 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=828&q=75	200	Image	357 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fresponding_to_input_flow.png&w=750&q=75	200	Image	58 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=828&q=75	200	Image	250 ms	63 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=750&q=75	200	Image	191 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=1200&q=75	200	Image	180 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=1200&q=75	200	Image	331 ms	107 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=640&q=75	200	Image	287 ms	95 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=3840&q=75	200	Image	324 ms	179 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=2048&q=75	200	Image	221 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=3840&q=75	200	Image	210 ms	64 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=1920&q=75	200	Image	228 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=1080&q=75	200	Image	344 ms	154 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=1200&q=75	200	Image	241 ms	64 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=1200&q=75	200	Image	191 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=3840&q=75	200	Image	264 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=1200&q=75	200	Image	188 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=1080&q=75	200	Image	216 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=1920&q=75	200	Image	185 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=640&q=75	200	Image	207 ms	43 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=3840&q=75	200	Image	573 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=2048&q=75	200	Image	222 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=1920&q=75	200	Image	182 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=640&q=75	200	Image	184 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=3840&q=75	200	Image	206 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=2048&q=75	200	Image	211 ms	44 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=640&q=75	200	Image	192 ms	18 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=1920&q=75	200	Image	269 ms	67 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=1080&q=75	200	Image	282 ms	44 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=750&q=75	200	Image	189 ms	25 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=750&q=75	200	Image	1.2 s	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=1200&q=75	200	Image	208 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=1080&q=75	200	Image	187 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=1080&q=75	200	Image	210 ms	44 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=640&q=75	200	Image	191 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=640&q=75	200	Image	211 ms	42 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=640&q=75	200	Image	197 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=750&q=75	200	Image	190 ms	24 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=2048&q=75	200	Image	334 ms	125 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fresponding_to_input_flow.png&w=1920&q=75	200	Image	60 ms	39 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=3840&q=75	200	Image	254 ms	125 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=640&q=75	200	Image	219 ms	20 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=2048&q=75	200	Image	195 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=750&q=75	200	Image	231 ms	35 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=640&q=75	200	Image	514 ms	47 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=828&q=75	200	Image	323 ms	36 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=3840&q=75	200	Image	190 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=828&q=75	200	Image	201 ms	61 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=1200&q=75	200	Image	242 ms	44 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=1920&q=75	200	Image	256 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=1200&q=75	200	Image	1 s	49 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=1920&q=75	200	Image	295 ms	125 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=3840&q=75	200	Image	196 ms	40 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=1080&q=75	200	Image	370 ms	89 kB	HIT
/images/docs/illustrations/i_inputs1.png	200	Image	65 ms	13 kB	HIT
/images/docs/illustrations/i_inputs2.png	200	Image	58 ms	32 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=2048&q=75	200	Image	265 ms	67 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=1920&q=75	200	Image	287 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=750&q=75	200	Image	203 ms	36 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=828&q=75	200	Image	194 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=828&q=75	200	Image	208 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=640&q=75	200	Image	227 ms	10 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=1200&q=75	200	Image	298 ms	108 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=1920&q=75	200	Image	199 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=750&q=75	200	Image	265 ms	58 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=2048&q=75	200	Image	206 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=2048&q=75	200	Image	194 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=1200&q=75	200	Image	415 ms	154 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=2048&q=75	200	Image	204 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=640&q=75	200	Image	453 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=3840&q=75	200	Image	178 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=3840&q=75	200	Image	285 ms	229 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=2048&q=75	200	Image	329 ms	229 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=750&q=75	200	Image	234 ms	51 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=1080&q=75	200	Image	290 ms	40 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=1920&q=75	200	Image	363 ms	196 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=640&q=75	200	Image	214 ms	29 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=828&q=75	200	Image	229 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=750&q=75	200	Image	234 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=3840&q=75	200	Image	189 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=750&q=75	200	Image	231 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=2048&q=75	200	Image	542 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=750&q=75	200	Image	196 ms	38 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=1920&q=75	200	Image	474 ms	40 kB	HIT
/images/docs/illustrations/i_imperative-ui-programming.png	200	Image	82 ms	56 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=2048&q=75	200	Image	296 ms	179 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=828&q=75	200	Image	263 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=828&q=75	200	Image	214 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=1080&q=75	200	Image	212 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=640&q=75	200	Image	217 ms	29 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebsilbermann.jpg&w=828&q=75	200	Image	408 ms	67 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=3840&q=75	200	Image	345 ms	154 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=1920&q=75	200	Image	199 ms	57 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=828&q=75	200	Image	267 ms	60 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=3840&q=75	200	Image	171 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=750&q=75	200	Image	210 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsebmarkbage.jpg&w=1080&q=75	200	Image	187 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=828&q=75	200	Image	226 ms	42 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjoe.jpg&w=1200&q=75	200	Image	198 ms	34 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=3840&q=75	200	Image	216 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=1080&q=75	200	Image	197 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=828&q=75	200	Image	247 ms	40 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=828&q=75	200	Image	211 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=1200&q=75	200	Image	336 ms	102 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=1920&q=75	200	Image	281 ms	154 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=3840&q=75	200	Image	220 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flauren.jpg&w=1080&q=75	200	Image	393 ms	92 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=1080&q=75	200	Image	209 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=640&q=75	200	Image	308 ms	93 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fseth.jpg&w=1080&q=75	200	Image	306 ms	91 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fgaearon.jpg&w=640&q=75	200	Image	192 ms	17 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=828&q=75	200	Image	372 ms	154 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=828&q=75	200	Image	200 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=1080&q=75	200	Image	240 ms	31 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=828&q=75	200	Image	325 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmatt-carroll.png&w=1080&q=75	200	Image	212 ms	12 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=1920&q=75	200	Image	1.2 s	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=1080&q=75	200	Image	328 ms	212 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=828&q=75	200	Image	227 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Feli-white.jpg&w=1200&q=75	200	Image	430 ms	40 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=2048&q=75	200	Image	289 ms	87 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=2048&q=75	200	Image	204 ms	64 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsathya.jpg&w=1920&q=75	200	Image	170 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fmofei-zhang.png&w=1080&q=75	200	Image	188 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Ftianyu.jpg&w=1920&q=75	200	Image	191 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=750&q=75	200	Image	203 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjosh.jpg&w=640&q=75	200	Image	211 ms	53 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=640&q=75	200	Image	210 ms	23 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Frickhanlonii.jpg&w=750&q=75	200	Image	882 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=2048&q=75	200	Image	465 ms	269 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fnoahlemen.jpg&w=1200&q=75	200	Image	383 ms	87 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=1200&q=75	200	Image	264 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fresponding_to_input_flow.dark.png&w=1920&q=75	200	Image	239 ms	40 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Facdlite.jpg&w=3840&q=75	200	Image	234 ms	27 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fsophiebits.jpg&w=2048&q=75	200	Image	240 ms	57 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt1.dark.png&w=1920&q=75	200	Image	183 ms	29 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dom_tree.dark.png&w=1080&q=75	200	Image	56 ms	22 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fluna-wei.jpg&w=750&q=75	200	Image	297 ms	123 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fjack-pope.jpg&w=750&q=75	200	Image	364 ms	122 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Flesiutin.jpg&w=3840&q=75	200	Image	281 ms	44 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fsharing_data_parent.dark.png&w=640&q=75	200	Image	58 ms	16 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_dif…position_p2.dark.png&w=1080&q=75	200	Image	248 ms	24 kB	HIT
/_next/image?url=%2Fimages%2Fteam%2Fyuzhi.jpg&w=750&q=75	200	Image	212 ms	53 kB	HIT
/blog/2022/03/29/react-v18	200	HTML	59 ms	264 kB	HIT	React v18.0 – React
/reference/react/useLayoutEffect	200	HTML	98 ms	302 kB	HIT	useLayoutEffect – React
/_next/image?url=%2Fimages%2Fteam%2Fjasonbonta.jpg&w=1080&q=75	200	Image	205 ms	54 kB	HIT
/fonts/Optimistic_Display_Arbc_W_SBd.woff2	200	Font	65 ms	29 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_same_pt2.png&w=828&q=75	200	Image	176 ms	19 kB	HIT
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fpreserving_state_diff_position_p3.dark.png&w=640&q=75	200	Image	181 ms	17 kB	HIT
/community/conferences	200	HTML	70 ms	562 kB	HIT	React Conferences – React
/learn/your-first-component	200	HTML	67 ms	195 kB	HIT	Your First Component – React
/_next/image?url=%2Fimages%2Fdocs%2Fdiagrams%2Fgeneric_render_tree.dark.png&w=1080&q=75	200	Image	175 ms	33 kB	HIT
/images/docs/illustrations/i_browser-paint.png	200	Image	75 ms	71 kB	HIT
No rows found, please edit your search term.

(+) Show entire table

Best practices

Found 10 row(s).

Analysis name	OK	Notice	Warning	Critical
Large inline SVGs (> 5120 B)	81	0	5	0
Invalid inline SVGs	86	0	0	0
Duplicate inline SVGs (> 5 and > 1024 B)	85	0	6	0
DOM depth (> 30)	164	0	1	0
Heading structure	175	0	326	1
Title uniqueness (> 10%)	163	0	0	0
Description uniqueness (> 10%)	1	0	1	0
Brotli support	163	0	0	0
WebP support	331	0	0	0
AVIF support	0	0	1	0
No rows found, please edit your search term.

Large inline SVGs

Severity	Occurs	Detail	Affected URLs (max 5)
warning	164	20 kB	URL 1, URL 2, URL 3, URL 4, URL 5
warning	1	14 kB	/
warning	1	5 kB	/
warning	1	6 kB	/
warning	1	6 kB	https://legacy.reactjs.org/blog/2020/09/…-jsx-transform.html

Duplicate inline SVGs

Found 22 row(s).

Severity	Occurs	Detail	Affected URLs (max 5)
warning	92	24x SVG (3 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	11	6x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	11	6x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	6	7x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	6	7x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	5	8x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	5	8x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4, URL 5
warning	4	10x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4
warning	4	11x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4
warning	4	11x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4
warning	4	9x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4
warning	4	9x SVG (2 kB):	URL 1, URL 2, URL 3, URL 4
warning	3	10x SVG (2 kB):	URL 1, URL 2, URL 3
warning	2	14x SVG (2 kB):	URL 1, URL 2
warning	2	14x SVG (2 kB):	URL 1, URL 2
warning	1	6x SVG (1 kB):	/reference/react/Component
warning	1	6x SVG (2 kB):	/learn/react-compiler
warning	1	16x SVG (2 kB):	/learn/reusing-logic-with-custom-hooks
warning	1	16x SVG (2 kB):	/learn/reusing-logic-with-custom-hooks
warning	1	13x SVG (2 kB):	/learn/choosing-the-state-structure
warning	1	13x SVG (2 kB):	/learn/choosing-the-state-structure
warning	1	17x SVG (2 kB):	/community/team
No rows found, please edit your search term.

(+) Show entire table

Invalid inline SVGs

No problems found.

Missing quotes on attributes

No problems found.

DOM depth

Severity	Occurs	Detail	Affected URLs (max 5)
warning	1	The DOM depth exceeds the warning limit: 30. Found depth: 30.	/

Heading structure

Severity	Occurs	Detail	Affected URLs (max 5)
critical	1	Multiple <h1> headings found.	/
warning	149	Heading structure is skipping levels: found an <h3> without a previous higher heading.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	92	Heading structure is skipping levels: found an <h3> after an <h1>.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	51	Heading structure is skipping levels: found an <h5> after an <h3>.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	30	Heading structure is skipping levels: found an <h4> after an <h2>.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	15	Heading structure is skipping levels: found an <h5> after an <h2>.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	1	Heading structure is skipping levels: found an <h5> after an <h1>.	/learn/start-a-new-react-project

Non-clickable phone numbers

No problems found.

Title uniqueness

No problems found.

Description uniqueness

No problems found.

Accessibility

Analysis name	OK	Warning	Critical
Missing image alt attributes	142	32	0
Missing aria labels	1636	4860	2
Missing roles	0	4	0
Missing html lang attribute	1	0	0

Valid HTML

No problems found.

Missing image alt attributes

Severity	Occurs	Detail	Affected URLs (max 5)
warning	23	<img class="h-8 w-8 border-2 shadow-md border-gray-70 object-cover rounded-full" ***>	/
warning	6	<img class="text-primary" ***>	/learn/state-as-a-snapshot
warning	2	<img class="max-w-[calc(min(700px,100%))]" ***>	/learn/thinking-in-react
warning	1	<img class="w-full object-cover" ***>	/

Missing form labels

No problems found.

Missing aria labels

Found 138 row(s).

Severity	Occurs	Detail	Affected URLs (max 5)
critical	1	<input id=":R1sq8q6:" class="flex ps-11 py-4 h-10 w-full text-start bg-secondary-button outline-none betterhover:hover:bg-opacity-80 pointer items-center text-primary rounded-full align-middle text-base" ***>	/
critical	1	<input id=":R6sqaq6:" class="flex ps-11 py-4 h-10 w-full text-start bg-secondary-button outline-none betterhover:hover:bg-opacity-80 pointer items-center text-primary rounded-full align-middle text-base" ***>	/
warning	8787	<a class="p-2 pe-2 w-full rounded-none lg:rounded-e-2xl text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between text-sm ps-6 ps-5 text-base text-secondary dark:text-secondary-dark" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	5498	<a class="inline text-link dark:text-link-dark border-b border-link border-opacity-0 hover:border-opacity-100 duration-100 ease-in transition leading-normal" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	2608	<a class="border-b inline-block border-transparent text-sm text-primary dark:text-primary-dark hover:border-gray-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	1578	<a class="p-2 pe-2 w-full rounded-none lg:rounded-e-2xl text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between ps-5 text-base font-bold text-primary dark:text-primary-dark" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	1394	<a class="text-secondary dark:text-secondary-dark block hover:text-link dark:hover:text-link-dark leading-normal py-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	811	<button class=" sp-tab-button" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	492	<a class="active:scale-95 transition-transform w-full text-center outline-link py-1.5 px-1.5 xs:px-3 sm:px-4 rounded-full capitalize whitespace-nowrap hover:bg-primary/5 hover:dark:bg-primary-dark/*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	489	<a class="border-b inline-block border-transparent text-md text-secondary dark:text-secondary-dark my-2 font-bold hover:border-gray-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	473	<a class="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ms-2 md:ms-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	473	<button class="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	356	<button class="sandpack-expand flex text-base justify-between dark:border-card-dark bg-wash dark:bg-card-dark items-center z-10 p-1 w-full order-2 xl:order-last border-b-1 relative top-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	278	<a class="text-link dark:text-link-dark text-sm tracking-wide font-bold uppercase me-1 hover:underline" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<a ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<a class="active:scale-95 overflow-hidden transition-transform relative items-center text-primary dark:text-primary-dark p-1 whitespace-nowrap outline-link rounded-full 3xl:rounded-xl inline-flex text-lg font-normal gap-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<a class=" flex py-2 flex-column justify-center items-center text-gray-50 dark:text-gray-30 hover:text-link hover:dark:text-link-dark hover:underline text-sm ms-1 cursor-pointer" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<a class="ms-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<button class="flex 3xl:w-[56rem] 3xl:mx-0 relative ps-4 pe-1 py-1 h-10 bg-gray-30/20 dark:bg-gray-40/20 outline-none focus:outline-link betterhover:hover:bg-opacity-80 pointer items-center text-start w-full text-gray-30 rounded-full align-middle text-base" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	160	<a class="active:scale-95 transition-transform w-full text-center outline-link py-1.5 px-1.5 xs:px-3 sm:px-4 rounded-full capitalize whitespace-nowrap bg-highlight dark:bg-highlight-dark text-link dark:text-link-dark" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	150	<a class="flex gap-x-4 md:gap-x-6 items-center w-full md:min-w-80 md:w-fit md:max-w-md px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-80 flex-row-reverse justify-self-end text-end" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	150	<a class="flex gap-x-4 md:gap-x-6 items-center w-full md:min-w-80 md:w-fit md:max-w-md px-4 md:px-5 py-6 border-2 border-transparent text-base leading-base text-link dark:text-link-dark rounded-lg group focus:text-link dark:focus:text-link-dark focus:bg-highlight focus:border-link dark:focus:bg-highlight-dark dark:focus:border-link-dark focus:border-opacity-100 focus:border-2 focus:ring-1 focus:ring-offset-4 focus:ring-blue-40 active:ring-0 active:ring-offset-0 hover:bg-gray-5 dark:hover:bg-gray-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	147	<a class="text-link dark:text-link-dark font-bold block hover:text-link dark:hover:text-link-dark leading-normal py-*" *>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	124	<a class="p-2 pe-2 w-full rounded-none lg:rounded-e-2xl text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between text-sm ps-6 ps-5 text-base text-link dark:text-link-dark bg-highlight dark:bg-highlight-dark border-blue-40 hover:bg-highlight hover:text-link dark:hover:bg-highlight-dark dark:hover:text-link-dark" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	107	<button class="py-2 me-4 text-base border-b-4 duration-100 ease-in transition whitespace-nowrap text-ellipsis">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	69	<button class="bg-purple-50 border-purple-50 hover:bg-purple-40 focus:bg-purple-50 active:bg-purple-50 text-base leading-tight font-bold rounded-full py-2 px-4 focus:outline focus:outline-offset-2 focus:outline-link dark:focus:outline-link-dark inline-flex items-center my-1 bg-link border-link text-white hover:bg-link focus:bg-link active:bg-link">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	40	<button class="me-2 text-base leading-tight font-bold rounded-full py-2 px-4 focus:outline focus:outline-offset-2 focus:outline-link dark:focus:outline-link-dark inline-flex items-center my-1 bg-transparent text-primary dark:text-primary-dark active:text-primary shadow-secondary-button-stroke dark:shadow-secondary-button-stroke-dark hover:bg-gray-40/5 active:bg-gray-40/10 hover:dark:bg-gray-60/5 active:dark:bg-gray-60/***">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	33	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9imcq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	31	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iicq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	31	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9ikcq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	28	<a class="outline-link dark:outline-link outline-offset-4 group flex flex-col flex-1 gap-0.*" *>	/
warning	27	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iocq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	25	<button class="py-2 me-4 text-base border-b-4 duration-100 ease-in transition whitespace-nowrap text-ellipsis text-link border-link hover:text-link dark:text-link-dark dark:border-link-dark dark:hover:text-link-dark">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	25	<button class="bg-link dark:bg-link-dark text-base leading-tight font-bold rounded-full py-2 px-4 focus:outline focus:outline-offset-2 focus:outline-link dark:focus:outline-link-dark inline-flex items-center my-1 bg-link border-link text-white hover:bg-link focus:bg-link active:bg-link">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	24	<button class="py-2 me-4 text-base border-b-4 duration-100 ease-in transition whitespace-nowrap text-ellipsis text-purple-50 border-purple-50 hover:text-purple-50 dark:text-purple-30 dark:border-purple-30 dark:hover:text-purple-***">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	24	<button class="bg-purple-50 border-purple-50 hover:bg-purple-50 focus:bg-purple-50 active:bg-purple-50 text-base leading-tight font-bold rounded-full py-2 px-4 focus:outline focus:outline-offset-2 focus:outline-link dark:focus:outline-link-dark inline-flex items-center my-1 bg-link border-link text-white hover:bg-link focus:bg-link active:bg-link">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	22	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iqcq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	21	<a class="p-2 pe-2 w-full rounded-none lg:rounded-e-2xl text-start hover:bg-gray-5 dark:hover:bg-gray-80 relative flex items-center justify-between ps-5 text-base font-bold text-base text-link dark:text-link-dark bg-highlight dark:bg-highlight-dark border-blue-40 hover:bg-highlight hover:text-link dark:hover:bg-highlight-dark dark:hover:text-link-dark" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	19	<a class="outline-link dark:outline-link outline-offset-2 aspect-video w-32 xs:w-36 select-none flex-col shadow-inner-border rounded-lg flex items-center overflow-hidden justify-center align-middle text-white/50 bg-cover bg-white bg-[conic-gradient(at_top_right,_var(--tw-gradient-stops))] from-gray-80 via-gray-95 to-gray-70 hover:opacity-95 transition-opacity" ***>	/
warning	19	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj58cq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	19	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5acq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	19	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5ecq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	19	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pacq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	18	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pccq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	17	<a class="block h-full w-full rounded-2xl outline-none focus:outline-none focus-visible:outline focus-visible:outline-link focus:outline-offset-2 focus-visible:dark:focus:outline-link-dark" ***>	URL 1, URL 2
warning	17	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj52cq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	17	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj54cq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	17	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5ccq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	16	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj56cq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	15	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5gcq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	14	<a class="text-link dark:text-link-dark" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	12	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5icq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	12	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iscq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	12	<button class="w-full text-start text-primary-dark dark:text-primary-dark ">	URL 1, URL 2, URL 3, URL 4
warning	10	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5kcq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	9	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pecq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	9	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R2cmcq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	5	<a class="outline-link dark:outline-link outline-offset-2 aspect-video w-32 xs:w-36 select-none flex-col shadow-inner-border rounded-lg flex items-center overflow-hidden justify-center align-middle text-white/50 bg-cover bg-white bg-[conic-gradient(at_top_right,_var(--tw-gradient-stops))] hover:opacity-95 transition-opacity" ***>	/
warning	5	<a class="focus:outline-none focus-visible:outline focus-visible:outline-link focus:outline-offset-2 focus-visible:dark:focus:outline-link-dark group cursor-pointer w-auto justify-center inline-flex font-bold items-center mt-10 outline-none hover:bg-gray-40/5 active:bg-gray-40/10 hover:dark:bg-gray-60/5 active:dark:bg-gray-60/10 leading-tight hover:bg-opacity-80 text-lg py-2.5 rounded-full px-4 sm:px-6 ease-in-out shadow-secondary-button-stroke dark:shadow-secondary-button-stroke-dark text-primary dark:text-primary-dark" ***>	/
warning	5	<a class="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ml-2 md:ml-*" *>	/learn/typescript
warning	5	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd38cq6:" ***>	URL 1, URL 2, URL 3, URL 4, URL 5
warning	4	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5mcq6:" ***>	URL 1, URL 2, URL 3, URL 4
warning	4	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iucq6:" ***>	URL 1, URL 2, URL 3, URL 4
warning	3	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R2cmhkcq6:" ***>	URL 1, URL 2, URL 3
warning	3	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R2cmhmcq6:" ***>	URL 1, URL 2, URL 3
warning	3	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pf3acq6:" ***>	URL 1, URL 2, URL 3
warning	3	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd34cq6:" ***>	URL 1, URL 2, URL 3
warning	3	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd3ccq6:" ***>	URL 1, URL 2, URL 3
warning	2	<a class="outline-link dark:outline-link outline-offset-2 aspect-video w-32 xs:w-36 select-none flex-col shadow-inner-border rounded-lg flex items-center overflow-hidden justify-center align-middle text-white/50 bg-cover bg-white bg-[conic-gradient(at_top_right,_var(--tw-gradient-stops))] from-yellow-50 via-blue-50 to-purple-*" *>	/
warning	2	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iq6ocq6:" ***>	URL 1, URL 2
warning	2	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R2cmhicq6:" ***>	URL 1, URL 2
warning	2	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd3ecq6:" ***>	URL 1, URL 2
warning	2	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iq6mcq6:" ***>	URL 1, URL 2
warning	2	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd29cq6:" ***>	URL 1, URL 2
warning	2	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pf38cq6:" ***>	URL 1, URL 2
warning	1	<a class="outline-link dark:outline-link outline-offset-2 aspect-video w-32 xs:w-36 select-none flex-col shadow-inner-border rounded-lg flex items-center overflow-hidden justify-center align-middle text-white/50 bg-cover bg-white bg-[conic-gradient(at_top_right,_var(--tw-gradient-stops))] from-yellow-50 via-red-50 to-purple-*" *>	/
warning	1	<a class="outline-link dark:outline-link outline-offset-2 aspect-video w-32 xs:w-36 select-none flex-col shadow-inner-border rounded-lg flex items-center overflow-hidden justify-center align-middle text-white/50 bg-cover bg-white bg-[conic-gradient(at_top_right,_var(--tw-gradient-stops))] from-yellow-50 via-green-50 to-purple-*" *>	/
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9il89cq6:" ***>	/learn/preserving-and-resetting-state
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9inadcq6:" ***>	/learn/preserving-and-resetting-state
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pcvcq6:" ***>	/reference/react-dom/components/link
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pdfcq6:" ***>	/reference/react-dom/components/link
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pdtcq6:" ***>	/reference/react-dom/components/link
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pe9cq6:" ***>	/reference/react-dom/components/link
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iq6gcq6:" ***>	/learn/conditional-rendering
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5ocq6:" ***>	/learn/tutorial-tic-tac-toe
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5qcq6:" ***>	/learn/tutorial-tic-tac-toe
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5scq6:" ***>	/learn/tutorial-tic-tac-toe
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R2cn3cq6:" ***>	/reference/react-dom/components/style
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R16b8qcq6:" ***>	/reference/react/useActionState
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R16bkp3cq6:" ***>	/learn/extracting-state-logic-into-a-reducer
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9ip3ccq6:" ***>	/learn/queueing-a-series-of-state-updates
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iq62cq6:" ***>	/reference/react/useEffect
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9iq64cq6:" ***>	/reference/react/useEffect
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5i6ccq6:" ***>	/reference/react/useEffect
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd32cq6:" ***>	/reference/react/useState
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pd36cq6:" ***>	/reference/react/useState
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pbncq6:" ***>	/reference/react-dom/components/script
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R4pc7cq6:" ***>	/reference/react-dom/components/script
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:R9inh5cq6:" ***>	/learn/manipulating-the-dom-with-refs
warning	1	<button class="absolute top-0 start-[2px]" id="headlessui-listbox-button-:Rj5599cq6:" ***>	/learn/manipulating-the-dom-with-refs
You have reached the limit of 100 rows as a protection against very large output or exhausted memory.
No rows found, please edit your search term.

(+) Show entire table

Missing roles

Severity	Occurs	Detail	Affected URLs (max 5)
warning	163	<nav class="duration-300 backdrop-filter backdrop-blur-lg backdrop-saturate-200 transition-shadow bg-opacity-90 items-center w-full flex justify-between bg-wash dark:bg-wash-dark dark:bg-opacity-95 px-1.5 lg:pe-5 lg:ps-4 z-***">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<main class="min-w-0 isolate">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	163	<footer class="text-secondary dark:text-secondary-dark">	URL 1, URL 2, URL 3, URL 4, URL 5
warning	148	<aside class="lg:grow flex-col w-full pb-8 lg:pb-0 lg:max-w-custom-xs z-10 hidden lg:block">	URL 1, URL 2, URL 3, URL 4, URL 5

Missing html lang attribute

No problems found.

Security

Found 10 row(s).

Header	OK	Notice	Warning	Critical	Recommendation
X-XSS-Protection	0	0	0	164	X-XSS-Protection header is not set. It enables browser's built-in defenses against XSS attacks.
Content-Security-Policy	0	0	0	164	Content-Security-Policy header is not set. It restricts resources the page can load and prevents XSS attacks.
Access-Control-Allow-Origin	0	0	164	0	Access-Control-Allow-Origin is set to '*' which allows any origin to access the resource. This can be a security risk.
X-Frame-Options	0	0	164	0	X-Frame-Options header is not set. It prevents clickjacking attacks when set to 'deny' or 'sameorigin.
X-Content-Type-Options	0	0	164	0	X-Content-Type-Options header is not set. It stops MIME type sniffing and mitigates content type attacks.
Referrer-Policy	0	0	164	0	Referrer-Policy header is not set. It controls referrer header sharing and enhances privacy and security.
Feature-Policy	0	0	164	0	Feature-Policy header is not set. It allows enabling/disabling browser APIs and features for security. Not important if Permissions-Policy is set.
Permissions-Policy	0	0	164	0	Permissions-Policy header is not set. It allows enabling/disabling browser APIs and features for security.
Server	0	164	0	0	Server header is set to 'Vercel'. It is better not to reveal used technologies.
Strict-Transport-Security	164	0	0	0
No rows found, please edit your search term.

Security headers

Severity	Occurs	Detail	Affected URLs (max 5)
critical	164	X-XSS-Protection header is not set. It enables browser's built-in defenses against XSS attacks.	URL 1, URL 2, URL 3, URL 4, URL 5
critical	164	Content-Security-Policy header is not set. It restricts resources the page can load and prevents XSS attacks.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	164	Access-Control-Allow-Origin is set to '*' which allows any origin to access the resource. This can be a security risk.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	164	X-Frame-Options header is not set. It prevents clickjacking attacks when set to 'deny' or 'sameorigin.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	164	X-Content-Type-Options header is not set. It stops MIME type sniffing and mitigates content type attacks.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	164	Referrer-Policy header is not set. It controls referrer header sharing and enhances privacy and security.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	164	Feature-Policy header is not set. It allows enabling/disabling browser APIs and features for security. Not important if Permissions-Policy is set.	URL 1, URL 2, URL 3, URL 4, URL 5
warning	164	Permissions-Policy header is not set. It allows enabling/disabling browser APIs and features for security.	URL 1, URL 2, URL 3, URL 4, URL 5
notice	164	Server header is set to 'Vercel'. It is better not to reveal used technologies.	URL 1, URL 2, URL 3, URL 4, URL 5

TOP non-unique titles

Nothing to report.

TOP non-unique descriptions

Count 🔽	Description
162

SEO metadata

Found 163 row(s).

URL 🔼	Indexing	Title	H1	Description
/	Allowed	React	React	React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
/blog	Allowed	React Blog – React	React Blog
/blog/2020/12/21/data-fetching-with-react-server-components	Allowed	Introducing Zero-Bundle-Size React Server Components – React	Introducing Zero-Bundle-Size React Server Components
/blog/2021/06/08/the-plan-for-react-18	Allowed	The Plan for React 18 – React	The Plan for React 18
/blog/2021/12/17/react-conf-2021-recap	Allowed	React Conf 2021 Recap – React	React Conf 2021 Recap
/blog/2022/03/08/react-18-upgrade-guide	Allowed	How to Upgrade to React 18 – React	How to Upgrade to React 18
/blog/2022/03/29/react-v18	Allowed	React v18.0 – React	React v18.0
/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022	Allowed	React Labs: What We've Been Working On – June 2022 – React	React Labs: What We've Been Working On – June 2022
/blog/2023/03/16/introducing-react-dev	Allowed	Introducing react.dev – React	Introducing react.dev
/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023	Allowed	React Labs: What We've Been Working On – March 2023 – React	React Labs: What We've Been Working On – March 2023
/blog/2023/05/03/react-canaries	Allowed	React Canaries: Enabling Incremental Feature Rollout Outside Meta – React	React Canaries: Enabling Incremental Feature Rollout Outside Meta
/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024	Allowed	React Labs: What We've Been Working On – February 2024 – React	React Labs: What We've Been Working On – February 2024
/blog/2024/04/25/react-19	Allowed	React 19 RC – React	React 19 RC
/blog/2024/04/25/react-19-upgrade-guide	Allowed	React 19 RC Upgrade Guide – React	React 19 RC Upgrade Guide
/blog/2024/05/22/react-conf-2024-recap	Allowed	React Conf 2024 Recap – React	React Conf 2024 Recap
/community	Allowed	React Community – React	React Community
/community/acknowledgements	Allowed	Acknowledgements – React	Acknowledgements
/community/conferences	Allowed	React Conferences – React	React Conferences
/community/docs-contributors	Allowed	Docs Contributors – React	Docs Contributors
/community/meetups	Allowed	React Meetups – React	React Meetups
/community/team	Allowed	Meet the Team – React	Meet the Team
/community/translations	Allowed	Translations – React	Translations
/community/versioning-policy	Allowed	Versioning Policy – React	Versioning Policy
/community/videos	Allowed	React Videos – React	React Videos
/learn	Allowed	Quick Start – React	Quick Start
/learn/add-react-to-an-existing-project	Allowed	Add React to an Existing Project – React	Add React to an Existing Project
/learn/adding-interactivity	Allowed	Adding Interactivity – React	Adding Interactivity
/learn/choosing-the-state-structure	Allowed	Choosing the State Structure – React	Choosing the State Structure
/learn/conditional-rendering	Allowed	Conditional Rendering – React	Conditional Rendering
/learn/describing-the-ui	Allowed	Describing the UI – React	Describing the UI
/learn/editor-setup	Allowed	Editor Setup – React	Editor Setup
/learn/escape-hatches	Allowed	Escape Hatches – React	Escape Hatches
/learn/extracting-state-logic-into-a-reducer	Allowed	Extracting State Logic into a Reducer – React	Extracting State Logic into a Reducer
/learn/importing-and-exporting-components	Allowed	Importing and Exporting Components – React	Importing and Exporting Components
/learn/installation	Allowed	Installation – React	Installation
/learn/javascript-in-jsx-with-curly-braces	Allowed	JavaScript in JSX with Curly Braces – React	JavaScript in JSX with Curly Braces
/learn/keeping-components-pure	Allowed	Keeping Components Pure – React	Keeping Components Pure
/learn/lifecycle-of-reactive-effects	Allowed	Lifecycle of Reactive Effects – React	Lifecycle of Reactive Effects
/learn/managing-state	Allowed	Managing State – React	Managing State
/learn/manipulating-the-dom-with-refs	Allowed	Manipulating the DOM with Refs – React	Manipulating the DOM with Refs
/learn/passing-data-deeply-with-context	Allowed	Passing Data Deeply with Context – React	Passing Data Deeply with Context
/learn/passing-props-to-a-component	Allowed	Passing Props to a Component – React	Passing Props to a Component
/learn/preserving-and-resetting-state	Allowed	Preserving and Resetting State – React	Preserving and Resetting State
/learn/queueing-a-series-of-state-updates	Allowed	Queueing a Series of State Updates – React	Queueing a Series of State Updates
/learn/react-compiler	Allowed	React Compiler – React	React Compiler
/learn/react-developer-tools	Allowed	React Developer Tools – React	React Developer Tools
/learn/reacting-to-input-with-state	Allowed	Reacting to Input with State – React	Reacting to Input with State
/learn/referencing-values-with-refs	Allowed	Referencing Values with Refs – React	Referencing Values with Refs
/learn/removing-effect-dependencies	Allowed	Removing Effect Dependencies – React	Removing Effect Dependencies
/learn/render-and-commit	Allowed	Render and Commit – React	Render and Commit
/learn/rendering-lists	Allowed	Rendering Lists – React	Rendering Lists
/learn/responding-to-events	Allowed	Responding to Events – React	Responding to Events
/learn/reusing-logic-with-custom-hooks	Allowed	Reusing Logic with Custom Hooks – React	Reusing Logic with Custom Hooks
/learn/scaling-up-with-reducer-and-context	Allowed	Scaling Up with Reducer and Context – React	Scaling Up with Reducer and Context
/learn/separating-events-from-effects	Allowed	Separating Events from Effects – React	Separating Events from Effects
/learn/sharing-state-between-components	Allowed	Sharing State Between Components – React	Sharing State Between Components
/learn/start-a-new-react-project	Allowed	Start a New React Project – React	Start a New React Project
/learn/state-a-components-memory	Allowed	State: A Component's Memory – React	State: A Component's Memory
/learn/state-as-a-snapshot	Allowed	State as a Snapshot – React	State as a Snapshot
/learn/synchronizing-with-effects	Allowed	Synchronizing with Effects – React	Synchronizing with Effects
/learn/thinking-in-react	Allowed	Thinking in React – React	Thinking in React
/learn/tutorial-tic-tac-toe	Allowed	Tutorial: Tic-Tac-Toe – React	Tutorial: Tic-Tac-Toe
/learn/typescript	Allowed	Using TypeScript – React	Using TypeScript
/learn/understanding-your-ui-as-a-tree	Allowed	Understanding Your UI as a Tree – React	Understanding Your UI as a Tree
/learn/updating-arrays-in-state	Allowed	Updating Arrays in State – React	Updating Arrays in State
/learn/updating-objects-in-state	Allowed	Updating Objects in State – React	Updating Objects in State
/learn/writing-markup-with-jsx	Allowed	Writing Markup with JSX – React	Writing Markup with JSX
/learn/you-might-not-need-an-effect	Allowed	You Might Not Need an Effect – React	You Might Not Need an Effect
/learn/your-first-component	Allowed	Your First Component – React	Your First Component
/reference/react	Allowed	React Reference Overview – React	React Reference Overview
/reference/react-dom	Allowed	React DOM APIs – React	React DOM APIs
/reference/react-dom/client	Allowed	Client React DOM APIs – React	Client React DOM APIs
/reference/react-dom/client/createRoot	Allowed	createRoot – React	createRoot
/reference/react-dom/client/hydrateRoot	Allowed	hydrateRoot – React	hydrateRoot
/reference/react-dom/components	Allowed	React DOM Components – React	React DOM Components
/reference/react-dom/components/common	Allowed	Common components (e.g. <div>) – React	Common components (e.g. <div>)
/reference/react-dom/components/form	Allowed	<form> – React	<form> - This feature is available in the latest Canary
/reference/react-dom/components/input	Allowed	<input> – React	<input>
/reference/react-dom/components/link	Allowed	<link> – React	<link> - This feature is available in the latest Canary
/reference/react-dom/components/meta	Allowed	<meta> – React	<meta> - This feature is available in the latest Canary
/reference/react-dom/components/option	Allowed	<option> – React	<option>
/reference/react-dom/components/progress	Allowed	<progress> – React	<progress>
/reference/react-dom/components/script	Allowed	<script> – React	<script> - This feature is available in the latest Canary
/reference/react-dom/components/select	Allowed	<select> – React	<select>
/reference/react-dom/components/style	Allowed	<style> – React	<style> - This feature is available in the latest Canary
/reference/react-dom/components/textarea	Allowed	<textarea> – React	<textarea>
/reference/react-dom/components/title	Allowed	<title> – React	<title> - This feature is available in the latest Canary
/reference/react-dom/createPortal	Allowed	createPortal – React	createPortal
/reference/react-dom/findDOMNode	Allowed	findDOMNode – React	findDOMNode
/reference/react-dom/flushSync	Allowed	flushSync – React	flushSync
/reference/react-dom/hooks	Allowed	Built-in React DOM Hooks – React	Built-in React DOM Hooks
/reference/react-dom/hooks/useFormStatus	Allowed	useFormStatus – React	useFormStatus - This feature is available in the latest Canary
/reference/react-dom/hydrate	Allowed	hydrate – React	hydrate
/reference/react-dom/preconnect	Allowed	preconnect – React	preconnect - This feature is available in the latest Canary
/reference/react-dom/prefetchDNS	Allowed	prefetchDNS – React	prefetchDNS - This feature is available in the latest Canary
/reference/react-dom/preinit	Allowed	preinit – React	preinit - This feature is available in the latest Canary
/reference/react-dom/preinitModule	Allowed	preinitModule – React	preinitModule - This feature is available in the latest Canary
/reference/react-dom/preload	Allowed	preload – React	preload - This feature is available in the latest Canary
/reference/react-dom/preloadModule	Allowed	preloadModule – React	preloadModule - This feature is available in the latest Canary
/reference/react-dom/render	Allowed	render – React	render
/reference/react-dom/server	Allowed	Server React DOM APIs – React	Server React DOM APIs
/reference/react-dom/server/renderToNodeStream	Allowed	renderToNodeStream – React	renderToNodeStream
/reference/react-dom/server/renderToPipeableStream	Allowed	renderToPipeableStream – React	renderToPipeableStream
/reference/react-dom/server/renderToReadableStream	Allowed	renderToReadableStream – React	renderToReadableStream
/reference/react-dom/server/renderToStaticMarkup	Allowed	renderToStaticMarkup – React	renderToStaticMarkup
/reference/react-dom/server/renderToStaticNodeStream	Allowed	renderToStaticNodeStream – React	renderToStaticNodeStream
/reference/react-dom/server/renderToString	Allowed	renderToString – React	renderToString
/reference/react-dom/unmountComponentAtNode	Allowed	unmountComponentAtNode – React	unmountComponentAtNode
/reference/react/Children	Allowed	Children – React	Children
/reference/react/Component	Allowed	Component – React	Component
/reference/react/Fragment	Allowed	<Fragment> (<>...</>) – React	<Fragment> (<>...</>)
/reference/react/Profiler	Allowed	<Profiler> – React	<Profiler>
/reference/react/PureComponent	Allowed	PureComponent – React	PureComponent
/reference/react/StrictMode	Allowed	<StrictMode> – React	<StrictMode>
/reference/react/Suspense	Allowed	<Suspense> – React	<Suspense>
/reference/react/act	Allowed	act – React	act
/reference/react/apis	Allowed	Built-in React APIs – React	Built-in React APIs
/reference/react/cache	Allowed	cache – React	cache - This feature is available in the latest Canary
/reference/react/cloneElement	Allowed	cloneElement – React	cloneElement
/reference/react/components	Allowed	Built-in React Components – React	Built-in React Components
/reference/react/createContext	Allowed	createContext – React	createContext
/reference/react/createElement	Allowed	createElement – React	createElement
/reference/react/createFactory	Allowed	createFactory – React	createFactory
/reference/react/createRef	Allowed	createRef – React	createRef
/reference/react/experimental_taintObjectReference	Allowed	experimental_taintObjectReference – React	experimental_taintObjectReference
/reference/react/experimental_taintUniqueValue	Allowed	experimental_taintUniqueValue – React	experimental_taintUniqueValue
/reference/react/experimental_useEffectEvent	Allowed	experimental_useEffectEvent – React	experimental_useEffectEvent
/reference/react/forwardRef	Allowed	forwardRef – React	forwardRef
/reference/react/hooks	Allowed	Built-in React Hooks – React	Built-in React Hooks
/reference/react/isValidElement	Allowed	isValidElement – React	isValidElement
/reference/react/lazy	Allowed	lazy – React	lazy
/reference/react/legacy	Allowed	Legacy React APIs – React	Legacy React APIs
/reference/react/memo	Allowed	memo – React	memo
/reference/react/startTransition	Allowed	startTransition – React	startTransition
/reference/react/use	Allowed	use – React	use - This feature is available in the latest Canary
/reference/react/useActionState	Allowed	useActionState – React	useActionState - This feature is available in the latest Canary
/reference/react/useCallback	Allowed	useCallback – React	useCallback
/reference/react/useContext	Allowed	useContext – React	useContext
/reference/react/useDebugValue	Allowed	useDebugValue – React	useDebugValue
/reference/react/useDeferredValue	Allowed	useDeferredValue – React	useDeferredValue
/reference/react/useEffect	Allowed	useEffect – React	useEffect
/reference/react/useId	Allowed	useId – React	useId
/reference/react/useImperativeHandle	Allowed	useImperativeHandle – React	useImperativeHandle
/reference/react/useInsertionEffect	Allowed	useInsertionEffect – React	useInsertionEffect
/reference/react/useLayoutEffect	Allowed	useLayoutEffect – React	useLayoutEffect
/reference/react/useMemo	Allowed	useMemo – React	useMemo
/reference/react/useOptimistic	Allowed	useOptimistic – React	useOptimistic - This feature is available in the latest Canary
/reference/react/useReducer	Allowed	useReducer – React	useReducer
/reference/react/useRef	Allowed	useRef – React	useRef
/reference/react/useState	Allowed	useState – React	useState
/reference/react/useSyncExternalStore	Allowed	useSyncExternalStore – React	useSyncExternalStore
/reference/react/useTransition	Allowed	useTransition – React	useTransition
/reference/rsc/directives	Allowed	Directives – React	Directives - This feature is available in the latest Canary
/reference/rsc/server-actions	Allowed	Server Actions – React	Server Actions - This feature is available in the latest Canary
/reference/rsc/server-components	Allowed	React Server Components – React	React Server Components - This feature is available in the latest Canary
/reference/rsc/use-client	Allowed	'use client' directive – React	'use client' - This feature is available in the latest Canary
/reference/rsc/use-server	Allowed	'use server' directive – React	'use server' - This feature is available in the latest Canary
/reference/rules	Allowed	Rules of React – React	Rules of React
/reference/rules/components-and-hooks-must-be-pure	Allowed	Components and Hooks must be pure – React	Components and Hooks must be pure
/reference/rules/react-calls-components-and-hooks	Allowed	React calls Components and Hooks – React	React calls Components and Hooks
/reference/rules/rules-of-hooks	Allowed	Rules of Hooks – React	Rules of Hooks
/versions	Allowed	React Versions – React	React Versions
/warnings/react-dom-test-utils	Allowed	react-dom/test-utils Deprecation Warnings – React	react-dom/test-utils Deprecation Warnings
No rows found, please edit your search term.

(+) Show entire table

OpenGraph metadata

Found 163 row(s).

URL 🔼	OG Title	OG Description	OG Image	Twitter Title	Twitter Description	Twitter Image
/	React	React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.	https://react.dev/images/og-home.png	React	React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.	https://react.dev/images/og-home.png
/blog	React Blog – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Blog – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2020/12/21/data-fetching-with-react-server-components	Introducing Zero-Bundle-Size React Server Components – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	Introducing Zero-Bundle-Size React Server Components – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2021/06/08/the-plan-for-react-18	The Plan for React 18 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	The Plan for React 18 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2021/12/17/react-conf-2021-recap	React Conf 2021 Recap – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Conf 2021 Recap – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2022/03/08/react-18-upgrade-guide	How to Upgrade to React 18 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	How to Upgrade to React 18 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2022/03/29/react-v18	React v18.0 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React v18.0 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022	React Labs: What We've Been Working On – June 2022 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Labs: What We've Been Working On – June 2022 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2023/03/16/introducing-react-dev	Introducing react.dev – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	Introducing react.dev – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023	React Labs: What We've Been Working On – March 2023 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Labs: What We've Been Working On – March 2023 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2023/05/03/react-canaries	React Canaries: Enabling Incremental Feature Rollout Outside Meta – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Canaries: Enabling Incremental Feature Rollout Outside Meta – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024	React Labs: What We've Been Working On – February 2024 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Labs: What We've Been Working On – February 2024 – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2024/04/25/react-19	React 19 RC – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React 19 RC – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2024/04/25/react-19-upgrade-guide	React 19 RC Upgrade Guide – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React 19 RC Upgrade Guide – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/blog/2024/05/22/react-conf-2024-recap	React Conf 2024 Recap – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png	React Conf 2024 Recap – React	The library for web and native user interfaces	https://react.dev/images/og-blog.png
/community	React Community – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	React Community – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/acknowledgements	Acknowledgements – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	Acknowledgements – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/conferences	React Conferences – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	React Conferences – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/docs-contributors	Docs Contributors – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	Docs Contributors – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/meetups	React Meetups – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	React Meetups – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/team	Meet the Team – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	Meet the Team – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/translations	Translations – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	Translations – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/versioning-policy	Versioning Policy – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	Versioning Policy – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/community/videos	React Videos – React	The library for web and native user interfaces	https://react.dev/images/og-community.png	React Videos – React	The library for web and native user interfaces	https://react.dev/images/og-community.png
/learn	Quick Start – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Quick Start – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/add-react-to-an-existing-project	Add React to an Existing Project – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Add React to an Existing Project – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/adding-interactivity	Adding Interactivity – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Adding Interactivity – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/choosing-the-state-structure	Choosing the State Structure – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Choosing the State Structure – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/conditional-rendering	Conditional Rendering – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Conditional Rendering – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/describing-the-ui	Describing the UI – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Describing the UI – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/editor-setup	Editor Setup – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Editor Setup – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/escape-hatches	Escape Hatches – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Escape Hatches – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/extracting-state-logic-into-a-reducer	Extracting State Logic into a Reducer – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Extracting State Logic into a Reducer – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/importing-and-exporting-components	Importing and Exporting Components – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Importing and Exporting Components – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/installation	Installation – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Installation – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/javascript-in-jsx-with-curly-braces	JavaScript in JSX with Curly Braces – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	JavaScript in JSX with Curly Braces – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/keeping-components-pure	Keeping Components Pure – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Keeping Components Pure – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/lifecycle-of-reactive-effects	Lifecycle of Reactive Effects – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Lifecycle of Reactive Effects – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/managing-state	Managing State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Managing State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/manipulating-the-dom-with-refs	Manipulating the DOM with Refs – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Manipulating the DOM with Refs – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/passing-data-deeply-with-context	Passing Data Deeply with Context – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Passing Data Deeply with Context – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/passing-props-to-a-component	Passing Props to a Component – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Passing Props to a Component – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/preserving-and-resetting-state	Preserving and Resetting State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Preserving and Resetting State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/queueing-a-series-of-state-updates	Queueing a Series of State Updates – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Queueing a Series of State Updates – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/react-compiler	React Compiler – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	React Compiler – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/react-developer-tools	React Developer Tools – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	React Developer Tools – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/reacting-to-input-with-state	Reacting to Input with State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Reacting to Input with State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/referencing-values-with-refs	Referencing Values with Refs – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Referencing Values with Refs – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/removing-effect-dependencies	Removing Effect Dependencies – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Removing Effect Dependencies – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/render-and-commit	Render and Commit – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Render and Commit – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/rendering-lists	Rendering Lists – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Rendering Lists – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/responding-to-events	Responding to Events – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Responding to Events – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/reusing-logic-with-custom-hooks	Reusing Logic with Custom Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Reusing Logic with Custom Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/scaling-up-with-reducer-and-context	Scaling Up with Reducer and Context – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Scaling Up with Reducer and Context – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/separating-events-from-effects	Separating Events from Effects – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Separating Events from Effects – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/sharing-state-between-components	Sharing State Between Components – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Sharing State Between Components – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/start-a-new-react-project	Start a New React Project – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Start a New React Project – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/state-a-components-memory	State: A Component's Memory – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	State: A Component's Memory – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/state-as-a-snapshot	State as a Snapshot – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	State as a Snapshot – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/synchronizing-with-effects	Synchronizing with Effects – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Synchronizing with Effects – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/thinking-in-react	Thinking in React – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Thinking in React – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/tutorial-tic-tac-toe	Tutorial: Tic-Tac-Toe – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Tutorial: Tic-Tac-Toe – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/typescript	Using TypeScript – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Using TypeScript – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/understanding-your-ui-as-a-tree	Understanding Your UI as a Tree – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Understanding Your UI as a Tree – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/updating-arrays-in-state	Updating Arrays in State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Updating Arrays in State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/updating-objects-in-state	Updating Objects in State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Updating Objects in State – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/writing-markup-with-jsx	Writing Markup with JSX – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Writing Markup with JSX – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/you-might-not-need-an-effect	You Might Not Need an Effect – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	You Might Not Need an Effect – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/learn/your-first-component	Your First Component – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png	Your First Component – React	The library for web and native user interfaces	https://react.dev/images/og-learn.png
/reference/react	React Reference Overview – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	React Reference Overview – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom	React DOM APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	React DOM APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/client	Client React DOM APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Client React DOM APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/client/createRoot	createRoot – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	createRoot – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/client/hydrateRoot	hydrateRoot – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	hydrateRoot – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components	React DOM Components – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	React DOM Components – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/common	Common components (e.g. <div>) – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Common components (e.g. div) – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/form	<form> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	form – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/input	<input> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	input – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/link	<link> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	link – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/meta	<meta> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	meta – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/option	<option> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	option – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/progress	<progress> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	progress – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/script	<script> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	script – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/select	<select> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	select – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/style	<style> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	style – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/textarea	<textarea> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	textarea – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/components/title	<title> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	title – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/createPortal	createPortal – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	createPortal – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/findDOMNode	findDOMNode – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	findDOMNode – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/flushSync	flushSync – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	flushSync – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/hooks	Built-in React DOM Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Built-in React DOM Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/hooks/useFormStatus	useFormStatus – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useFormStatus – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/hydrate	hydrate – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	hydrate – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/preconnect	preconnect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	preconnect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/prefetchDNS	prefetchDNS – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	prefetchDNS – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/preinit	preinit – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	preinit – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/preinitModule	preinitModule – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	preinitModule – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/preload	preload – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	preload – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/preloadModule	preloadModule – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	preloadModule – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/render	render – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	render – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server	Server React DOM APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Server React DOM APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server/renderToNodeStream	renderToNodeStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	renderToNodeStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server/renderToPipeableStream	renderToPipeableStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	renderToPipeableStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server/renderToReadableStream	renderToReadableStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	renderToReadableStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server/renderToStaticMarkup	renderToStaticMarkup – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	renderToStaticMarkup – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server/renderToStaticNodeStream	renderToStaticNodeStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	renderToStaticNodeStream – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/server/renderToString	renderToString – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	renderToString – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react-dom/unmountComponentAtNode	unmountComponentAtNode – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	unmountComponentAtNode – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/Children	Children – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Children – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/Component	Component – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Component – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/Fragment	<Fragment> (<>...</>) – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Fragment (.../) – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/Profiler	<Profiler> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Profiler – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/PureComponent	PureComponent – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	PureComponent – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/StrictMode	<StrictMode> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	StrictMode – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/Suspense	<Suspense> – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Suspense – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/act	act – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	act – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/apis	Built-in React APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Built-in React APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/cache	cache – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	cache – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/cloneElement	cloneElement – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	cloneElement – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/components	Built-in React Components – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Built-in React Components – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/createContext	createContext – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	createContext – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/createElement	createElement – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	createElement – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/createFactory	createFactory – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	createFactory – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/createRef	createRef – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	createRef – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/experimental_taintObjectReference	experimental_taintObjectReference – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	experimental_taintObjectReference – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/experimental_taintUniqueValue	experimental_taintUniqueValue – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	experimental_taintUniqueValue – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/experimental_useEffectEvent	experimental_useEffectEvent – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	experimental_useEffectEvent – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/forwardRef	forwardRef – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	forwardRef – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/hooks	Built-in React Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Built-in React Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/isValidElement	isValidElement – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	isValidElement – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/lazy	lazy – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	lazy – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/legacy	Legacy React APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Legacy React APIs – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/memo	memo – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	memo – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/startTransition	startTransition – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	startTransition – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/use	use – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	use – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useActionState	useActionState – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useActionState – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useCallback	useCallback – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useCallback – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useContext	useContext – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useContext – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useDebugValue	useDebugValue – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useDebugValue – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useDeferredValue	useDeferredValue – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useDeferredValue – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useEffect	useEffect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useEffect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useId	useId – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useId – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useImperativeHandle	useImperativeHandle – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useImperativeHandle – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useInsertionEffect	useInsertionEffect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useInsertionEffect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useLayoutEffect	useLayoutEffect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useLayoutEffect – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useMemo	useMemo – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useMemo – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useOptimistic	useOptimistic – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useOptimistic – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useReducer	useReducer – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useReducer – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useRef	useRef – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useRef – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useState	useState – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useState – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useSyncExternalStore	useSyncExternalStore – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useSyncExternalStore – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/react/useTransition	useTransition – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	useTransition – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rsc/directives	Directives – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Directives – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rsc/server-actions	Server Actions – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Server Actions – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rsc/server-components	React Server Components – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	React Server Components – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rsc/use-client	'use client' directive – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	'use client' directive – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rsc/use-server	'use server' directive – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	'use server' directive – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rules	Rules of React – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Rules of React – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rules/components-and-hooks-must-be-pure	Components and Hooks must be pure – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Components and Hooks must be pure – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rules/react-calls-components-and-hooks	React calls Components and Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	React calls Components and Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/reference/rules/rules-of-hooks	Rules of Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png	Rules of Hooks – React	The library for web and native user interfaces	https://react.dev/images/og-reference.png
/versions	React Versions – React	The library for web and native user interfaces	https://react.dev/images/og-unknown.png	React Versions – React	The library for web and native user interfaces	https://react.dev/images/og-unknown.png
/warnings/react-dom-test-utils	react-dom/test-utils Deprecation Warnings – React	The library for web and native user interfaces	https://react.dev/images/og-unknown.png	react-dom/test-utils Deprecation Warnings – React	The library for web and native user interfaces	https://react.dev/images/og-unknown.png
No rows found, please edit your search term.

(+) Show entire table

Heading structure

Found 163 row(s).

Heading structure	Count	Errors 🔽	URL
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> React Server Components - This feature is available in the latest Canary <h3> Note <h3> Server Components without a Server [#server-components-without-a-server] <h3> Note <h3> Server Components with a Server [#server-components-with-a-server] <h3> Adding interactivity to Server Components [#adding-interactivity-to-server-components] <h3> Note <h3> Async components with Server Components [#async-components-with-server-components] <h2> On this page	14	12	/reference/rsc/server-components
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Server Actions - This feature is available in the latest Canary <h3> Note <h3> Creating a Server Action from a Server Component [#creating-a-server-action-from-a-server-component] <h3> Importing Server Actions from Client Components [#importing-server-actions-from-client-components] <h3> Composing Server Actions with Actions [#composing-server-actions-with-actions] <h3> Form Actions with Server Actions [#form-actions-with-server-actions] <h3> Server Actions with useActionState [#server-actions-with-use-action-state] <h3> Progressive enhancement with useActionState [#progressive-enhancement-with-useactionstate] <h2> On this page	14	12	/reference/rsc/server-actions
<h3> GET STARTED <h3> LEARN REACT <h1> React Compiler <h3> Under Construction <h3> You will learn <h3> Note <h3> What does the compiler do? [#what-does-the-compiler-do] <h3> What does the compiler assume? [#what-does-the-compiler-assume] <h3> Should I try out the compiler? [#should-i-try-out-the-compiler] <h2> Getting Started [#getting-started] <h3> Checking compatibility [#checking-compatibility] <h3> Installing eslint-plugin-react-compiler [#installing-eslint-plugin-react-compiler] <h3> Rolling out the compiler to your codebase [#using-the-compiler-effectively] <h2> Usage [#installation] <h3> Babel [#usage-with-babel] <h3> Vite [#usage-with-vite] <h3> Next.js [#usage-with-nextjs] <h3> Remix [#usage-with-remix] <h3> Webpack [#usage-with-webpack] <h3> Expo [#usage-with-expo] <h3> Metro (React Native) [#usage-with-react-native-metro] <h3> Rspack [#usage-with-rspack] <h3> Rsbuild [#usage-with-rsbuild] <h2> Troubleshooting [#troubleshooting] <h3> (0 , _c) is not a function error [#0--_c-is-not-a-function-error] <h3> How do I know my components have been optimized? [#how-do-i-know-my-components-have-been-optimized] <h3> Something is not working after compilation [#something-is-not-working-after-compilation] <h3> Note <h3> Other issues [#other-issues] <h2> On this page	30	8	/learn/react-compiler
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> preinitModule - This feature is available in the latest Canary <h3> Canary <h3> Note <h2> Reference [#reference] <h3> preinitModule(href, options) [#preinitmodule] <h2> Usage [#usage] <h3> Preloading when rendering [#preloading-when-rendering] <h3> Preloading in an event handler [#preloading-in-an-event-handler] <h2> On this page	14	7	/reference/react-dom/preinitModule
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useActionState - This feature is available in the latest Canary <h3> Canary <h3> Note <h2> Reference [#reference] <h3> useActionState(action, initialState, permalink?) [#useactionstate] <h2> Usage [#usage] <h3> Using information returned by a form action [#using-information-returned-by-a-form-action] <h2> Troubleshooting [#troubleshooting] <h3> My action can no longer read the submitted form data [#my-action-can-no-longer-read-the-submitted-form-data] <h2> On this page	15	7	/reference/react/useActionState
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> preinit - This feature is available in the latest Canary <h3> Canary <h3> Note <h2> Reference [#reference] <h3> preinit(href, options) [#preinit] <h2> Usage [#usage] <h3> Preiniting when rendering [#preiniting-when-rendering] <h3> Preiniting in an event handler [#preiniting-in-an-event-handler] <h2> On this page	14	7	/reference/react-dom/preinit
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> preload - This feature is available in the latest Canary <h3> Canary <h3> Note <h2> Reference [#reference] <h3> preload(href, options) [#preload] <h2> Usage [#usage] <h3> Preloading when rendering [#preloading-when-rendering] <h3> Preloading in an event handler [#preloading-in-an-event-handler] <h2> On this page	14	7	/reference/react-dom/preload
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Components and Hooks must be pure <h3> Note <h3> Why does purity matter? [#why-does-purity-matter] <h2> Components and Hooks must be idempotent [#components-and-hooks-must-be-idempotent] <h2> Side effects must run outside of render [#side-effects-must-run-outside-of-render] <h3> Note <h3> When is it okay to have mutation? [#mutation] <h2> Props and state are immutable [#props-and-state-are-immutable] <h3> Don’t mutate Props [#props] <h3> Don’t mutate State [#state] <h2> Return values and arguments to Hooks are immutable [#return-values-and-arguments-to-hooks-are-immutable] <h2> Values are immutable after being passed to JSX [#values-are-immutable-after-being-passed-to-jsx] <h2> On this page	18	7	/reference/rules/components-and-hooks-must-be-pure
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> preloadModule - This feature is available in the latest Canary <h3> Canary <h3> Note <h2> Reference [#reference] <h3> preloadModule(href, options) [#preloadmodule] <h2> Usage [#usage] <h3> Preloading when rendering [#preloading-when-rendering] <h3> Preloading in an event handler [#preloading-in-an-event-handler] <h2> On this page	14	7	/reference/react-dom/preloadModule
<h3> GET STARTED <h3> LEARN REACT <h3> REACT API <h3> REACT DOM API <h3> GET INVOLVED <h3> STAY INFORMED <h1> React Versions <h2> Future versions [#future-versions] <h2> Previous versions [#previous-versions] <h3> Note <h2> Changelog [#changelog] <h3> React 18 [#react-18] <h3> React 17 [#react-17] <h3> React 16 [#react-16] <h3> React 15 [#react-15] <h3> React 0.14 [#react-14] <h3> React 0.13 [#react-13] <h3> React 0.12 [#react-12] <h3> React 0.11 [#react-11] <h3> React 0.10 and below [#react-10-and-below] <h3> Initial Commit [#initial-commit] <h2> On this page	22	6	/versions
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <link> - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> <link> [#link] <h2> Usage [#usage] <h3> Linking to related resources [#linking-to-related-resources] <h3> Linking to a stylesheet [#linking-to-a-stylesheet] <h3> Note <h3> Controlling stylesheet precedence [#controlling-stylesheet-precedence] <h3> Deduplicated stylesheet rendering [#deduplicated-stylesheet-rendering] <h3> Annotating specific items within the document with links [#annotating-specific-items-within-the-document-with-links] <h2> On this page	17	6	/reference/react-dom/components/link
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> hydrate <h3> Deprecated <h2> Reference [#reference] <h3> hydrate(reactNode, domNode, callback?) [#hydrate] <h2> Usage [#usage] <h3> Hydrating server-rendered HTML [#hydrating-server-rendered-html] <h3> Suppressing unavoidable hydration mismatch errors [#suppressing-unavoidable-hydration-mismatch-errors] <h3> Handling different client and server content [#handling-different-client-and-server-content] <h3> Pitfall <h2> On this page	15	6	/reference/react-dom/hydrate
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> 'use client' - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> 'use client' [#use-client] <h3> How 'use client' marks client code [#how-use-client-marks-client-code] <h3> When to use 'use client' [#when-to-use-use-client] <h3> Serializable types returned by Server Components [#serializable-types] <h2> Usage [#usage] <h3> Building with interactivity and state [#building-with-interactivity-and-state] <h3> Using client APIs [#using-client-apis] <h3> Using third-party libraries [#using-third-party-libraries] <h2> On this page	17	6	/reference/rsc/use-client
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> 'use server' - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> 'use server' [#use-server] <h3> Security considerations [#security] <h3> Under Construction <h3> Serializable arguments and return values [#serializable-parameters-and-return-values] <h2> Usage [#usage] <h3> Server Actions in forms [#server-actions-in-forms] <h3> Calling a Server Action outside of <form> [#calling-a-server-action-outside-of-form] <h2> On this page	16	6	/reference/rsc/use-server
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> cloneElement <h3> Pitfall <h2> Reference [#reference] <h3> cloneElement(element, props, ...children) [#cloneelement] <h2> Usage [#usage] <h3> Overriding props of an element [#overriding-props-of-an-element] <h3> Pitfall <h2> Alternatives [#alternatives] <h3> Passing data with a render prop [#passing-data-with-a-render-prop] <h3> Passing data through context [#passing-data-through-context] <h3> Extracting logic into a custom Hook [#extracting-logic-into-a-custom-hook] <h2> On this page	17	6	/reference/react/cloneElement
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> createRef <h3> Pitfall <h2> Reference [#reference] <h3> createRef() [#createref] <h2> Usage [#usage] <h3> Declaring a ref in a class component [#declaring-a-ref-in-a-class-component] <h3> Pitfall <h2> Alternatives [#alternatives] <h3> Migrating from a class with createRef to a function with useRef [#migrating-from-a-class-with-createref-to-a-function-with-useref] <h2> On this page	15	6	/reference/react/createRef
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> cache - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> cache(fn) [#cache] <h3> Note <h2> Usage [#usage] <h3> Cache an expensive computation [#cache-expensive-computation] <h3> Pitfall <h3> Share a snapshot of data [#take-and-share-snapshot-of-data] <h3> Note <h3> Preload data [#preload-data] <h3> Pitfall <h2> Troubleshooting [#troubleshooting] <h3> My memoized function still runs even though I’ve called it with the same arguments [#memoized-function-still-runs] <h2> On this page	20	6	/reference/react/cache
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> preconnect - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> preconnect(href) [#preconnect] <h2> Usage [#usage] <h3> Preconnecting when rendering [#preconnecting-when-rendering] <h3> Preconnecting in an event handler [#preconnecting-in-an-event-handler] <h2> On this page	13	6	/reference/react-dom/preconnect
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useInsertionEffect <h3> Pitfall <h2> Reference [#reference] <h3> useInsertionEffect(setup, dependencies?) [#useinsertioneffect] <h2> Usage [#usage] <h3> Injecting dynamic styles from CSS-in-JS libraries [#injecting-dynamic-styles-from-css-in-js-libraries] <h2> On this page	12	6	/reference/react/useInsertionEffect
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> render <h3> Deprecated <h2> Reference [#reference] <h3> render(reactNode, domNode, callback?) [#render] <h2> Usage [#usage] <h3> Rendering the root component [#rendering-the-root-component] <h3> Rendering multiple roots [#rendering-multiple-roots] <h3> Updating the rendered tree [#updating-the-rendered-tree] <h2> On this page	14	6	/reference/react-dom/render
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> PureComponent <h3> Pitfall <h2> Reference [#reference] <h3> PureComponent [#purecomponent] <h2> Usage [#usage] <h3> Skipping unnecessary re-renders for class components [#skipping-unnecessary-re-renders-for-class-components] <h3> Pitfall <h2> Alternatives [#alternatives] <h3> Migrating from a PureComponent class component to a function [#migrating-from-a-purecomponent-class-component-to-a-function] <h3> Note <h2> On this page	16	6	/reference/react/PureComponent
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <style> - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> <style> [#style] <h2> Usage [#usage] <h3> Rendering an inline CSS stylesheet [#rendering-an-inline-css-stylesheet] <h2> On this page	12	6	/reference/react-dom/components/style
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Component <h3> Pitfall <h2> Reference [#reference] <h3> Component [#component] <h3> context [#context] <h3> Note <h3> props [#props] <h3> Note <h3> refs [#refs] <h3> Deprecated <h3> state [#state] <h3> Note <h3> constructor(props) [#constructor] <h3> Note <h3> componentDidCatch(error, info) [#componentdidcatch] <h3> Note <h3> componentDidMount() [#componentdidmount] <h3> Note <h3> componentDidUpdate(prevProps, prevState, snapshot?) [#componentdidupdate] <h3> Note <h3> componentWillMount() [#componentwillmount] <h3> Deprecated <h3> componentWillReceiveProps(nextProps) [#componentwillreceiveprops] <h3> Deprecated <h3> componentWillUpdate(nextProps, nextState) [#componentwillupdate] <h3> Deprecated <h3> componentWillUnmount() [#componentwillunmount] <h3> Note <h3> forceUpdate(callback?) [#forceupdate] <h3> Note <h3> getChildContext() [#getchildcontext] <h3> Deprecated <h3> getSnapshotBeforeUpdate(prevProps, prevState) [#getsnapshotbeforeupdate] <h3> Note <h3> render() [#render] <h3> setState(nextState, callback?) [#setstate] <h3> Pitfall <h3> Note <h3> shouldComponentUpdate(nextProps, nextState, nextContext) [#shouldcomponentupdate] <h3> Note <h3> UNSAFE_componentWillMount() [#unsafe_componentwillmount] <h3> Note <h3> UNSAFE_componentWillReceiveProps(nextProps, nextContext) [#unsafe_componentwillreceiveprops] <h3> Note <h3> UNSAFE_componentWillUpdate(nextProps, nextState) [#unsafe_componentwillupdate] <h3> Note <h3> static childContextTypes [#static-childcontexttypes] <h3> Deprecated <h3> static contextTypes [#static-contexttypes] <h3> Deprecated <h3> static contextType [#static-contexttype] <h3> Note <h3> static defaultProps [#static-defaultprops] <h3> Note <h3> static propTypes [#static-proptypes] <h3> Note <h3> static getDerivedStateFromError(error) [#static-getderivedstatefromerror] <h3> Note <h3> static getDerivedStateFromProps(props, state) [#static-getderivedstatefromprops] <h3> Pitfall <h3> Note <h2> Usage [#usage] <h3> Defining a class component [#defining-a-class-component] <h3> Pitfall <h3> Adding state to a class component [#adding-state-to-a-class-component] <h3> Pitfall <h3> Adding lifecycle methods to a class component [#adding-lifecycle-methods-to-a-class-component] <h3> Pitfall <h3> Catching rendering errors with an error boundary [#catching-rendering-errors-with-an-error-boundary] <h3> Note <h2> Alternatives [#alternatives] <h3> Migrating a simple component from a class to a function [#migrating-a-simple-component-from-a-class-to-a-function] <h3> Migrating a component with state from a class to a function [#migrating-a-component-with-state-from-a-class-to-a-function] <h3> Migrating a component with lifecycle methods from a class to a function [#migrating-a-component-with-lifecycle-methods-from-a-class-to-a-function] <h3> Note <h3> Migrating a component with context from a class to a function [#migrating-a-component-with-context-from-a-class-to-a-function] <h2> On this page	82	6	/reference/react/Component
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> createFactory <h3> Deprecated <h2> Reference [#reference] <h3> createFactory(type) [#createfactory] <h2> Usage [#usage] <h3> Creating React elements with a factory [#creating-react-elements-with-a-factory] <h2> Alternatives [#alternatives] <h3> Copying createFactory into your project [#copying-createfactory-into-your-project] <h3> Replacing createFactory with createElement [#replacing-createfactory-with-createelement] <h3> Replacing createFactory with JSX [#replacing-createfactory-with-jsx] <h3> Pitfall <h2> On this page	17	6	/reference/react/createFactory
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> experimental_useEffectEvent <h3> Under Construction	7	6	/reference/react/experimental_useEffectEvent
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> renderToPipeableStream <h3> Note <h2> Reference [#reference] <h3> renderToPipeableStream(reactNode, options?) [#rendertopipeablestream] <h2> Usage [#usage] <h3> Rendering a React tree as HTML to a Node.js Stream [#rendering-a-react-tree-as-html-to-a-nodejs-stream] <h3> Streaming more content as it loads [#streaming-more-content-as-it-loads] <h3> Note <h3> Specifying what goes into the shell [#specifying-what-goes-into-the-shell] <h3> Logging crashes on the server [#logging-crashes-on-the-server] <h3> Recovering from errors inside the shell [#recovering-from-errors-inside-the-shell] <h3> Recovering from errors outside the shell [#recovering-from-errors-outside-the-shell] <h3> Setting the status code [#setting-the-status-code] <h3> Handling different errors in different ways [#handling-different-errors-in-different-ways] <h3> Waiting for all content to load for crawlers and static generation [#waiting-for-all-content-to-load-for-crawlers-and-static-generation] <h3> Aborting server rendering [#aborting-server-rendering] <h2> On this page	22	6	/reference/react-dom/server/renderToPipeableStream
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <script> - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> <script> [#script] <h2> Usage [#usage] <h3> Rendering an external script [#rendering-an-external-script] <h3> Note <h3> Rendering an inline script [#rendering-an-inline-script] <h2> On this page	14	6	/reference/react-dom/components/script
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <form> - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> <form> [#form] <h2> Usage [#usage] <h3> Handle form submission on the client [#handle-form-submission-on-the-client] <h3> Handle form submission with a Server Action [#handle-form-submission-with-a-server-action] <h3> Display a pending state during form submission [#display-a-pending-state-during-form-submission] <h3> Optimistically updating form data [#optimistically-updating-form-data] <h3> Handling form submission errors [#handling-form-submission-errors] <h3> Display a form submission error without JavaScript [#display-a-form-submission-error-without-javascript] <h3> Handling multiple submission types [#handling-multiple-submission-types] <h2> On this page	18	6	/reference/react-dom/components/form
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> prefetchDNS - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> prefetchDNS(href) [#prefetchdns] <h2> Usage [#usage] <h3> Prefetching DNS when rendering [#prefetching-dns-when-rendering] <h3> Prefetching DNS in an event handler [#prefetching-dns-in-an-event-handler] <h2> On this page	13	6	/reference/react-dom/prefetchDNS
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <meta> - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> <meta> [#meta] <h2> Usage [#usage] <h3> Annotating the document with metadata [#annotating-the-document-with-metadata] <h3> Annotating specific items within the document with metadata [#annotating-specific-items-within-the-document-with-metadata] <h2> On this page	13	6	/reference/react-dom/components/meta
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> experimental_taintUniqueValue <h3> Under Construction <h2> Reference [#reference] <h3> taintUniqueValue(message, lifetime, value) [#taintuniquevalue] <h2> Usage [#usage] <h3> Prevent a token from being passed to Client Components [#prevent-a-token-from-being-passed-to-client-components] <h3> Pitfall <h2> On this page	13	6	/reference/react/experimental_taintUniqueValue
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> flushSync <h3> Pitfall <h2> Reference [#reference] <h3> flushSync(callback) [#flushsync] <h2> Usage [#usage] <h3> Flushing updates for third-party integrations [#flushing-updates-for-third-party-integrations] <h3> Pitfall <h2> On this page	13	6	/reference/react-dom/flushSync
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> use - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> use(resource) [#use] <h2> Usage [#usage] <h3> Reading context with use [#reading-context-with-use] <h3> Pitfall <h3> Streaming data from the server to the client [#streaming-data-from-server-to-client] <h3> Note <h3> Dealing with rejected Promises [#dealing-with-rejected-promises] <h3> Pitfall <h2> Troubleshooting [#troubleshooting] <h3> “Suspense Exception: This is not a real error!” [#suspense-exception-error] <h2> On this page	19	6	/reference/react/use
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Directives - This feature is available in the latest Canary <h3> Canary <h2> Source code directives [#source-code-directives] <h2> On this page	9	6	/reference/rsc/directives
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> unmountComponentAtNode <h3> Deprecated <h2> Reference [#reference] <h3> unmountComponentAtNode(domNode) [#unmountcomponentatnode] <h2> Usage [#usage] <h3> Removing a React app from a DOM element [#removing-a-react-app-from-a-dom-element] <h2> On this page	12	6	/reference/react-dom/unmountComponentAtNode
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useFormStatus - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> useFormStatus() [#use-form-status] <h2> Usage [#usage] <h3> Display a pending state during form submission [#display-a-pending-state-during-form-submission] <h3> Pitfall <h3> Read the form data being submitted [#read-form-data-being-submitted] <h2> Troubleshooting [#troubleshooting] <h3> status.pending is never true [#pending-is-never-true] <h2> On this page	16	6	/reference/react-dom/hooks/useFormStatus
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Rules of React <h3> Note <h2> Components and Hooks must be pure [#components-and-hooks-must-be-pure] <h2> React calls Components and Hooks [#react-calls-components-and-hooks] <h2> Rules of Hooks [#rules-of-hooks] <h2> On this page	11	6	/reference/rules
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> findDOMNode <h3> Deprecated <h2> Reference [#reference] <h3> findDOMNode(componentInstance) [#finddomnode] <h2> Usage [#usage] <h3> Finding the root DOM node of a class component [#finding-the-root-dom-node-of-a-class-component] <h2> Alternatives [#alternatives] <h3> Reading component’s own DOM node from a ref [#reading-components-own-dom-node-from-a-ref] <h3> Reading a child component’s DOM node from a forwarded ref [#reading-a-child-components-dom-node-from-a-forwarded-ref] <h3> Adding a wrapper <div> element [#adding-a-wrapper-div-element] <h2> On this page	16	6	/reference/react-dom/findDOMNode
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> experimental_taintObjectReference <h3> Under Construction <h2> Reference [#reference] <h3> taintObjectReference(message, object) [#taintobjectreference] <h3> Pitfall <h2> Usage [#usage] <h3> Prevent user data from unintentionally reaching the client [#prevent-user-data-from-unintentionally-reaching-the-client] <h2> On this page	13	6	/reference/react/experimental_taintObjectReference
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useOptimistic - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> useOptimistic(state, updateFn) [#use] <h2> Usage [#usage] <h3> Optimistically updating forms [#optimistically-updating-with-forms] <h2> On this page	12	6	/reference/react/useOptimistic
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> renderToString <h3> Pitfall <h2> Reference [#reference] <h3> renderToString(reactNode, options?) [#rendertostring] <h2> Usage [#usage] <h3> Rendering a React tree as HTML to a string [#rendering-a-react-tree-as-html-to-a-string] <h3> Pitfall <h2> Alternatives [#alternatives] <h3> Migrating from renderToString to a streaming method on the server [#migrating-from-rendertostring-to-a-streaming-method-on-the-server] <h3> Removing renderToString from the client code [#removing-rendertostring-from-the-client-code] <h2> Troubleshooting [#troubleshooting] <h3> When a component suspends, the HTML always contains a fallback [#when-a-component-suspends-the-html-always-contains-a-fallback] <h2> On this page	18	6	/reference/react-dom/server/renderToString
<h3> GET STARTED <h3> LEARN REACT <h3> REACT API <h3> REACT DOM API <h3> GET INVOLVED <h3> STAY INFORMED <h1> react-dom/test-utils Deprecation Warnings <h2> ReactDOMTestUtils.act() warning [#reactdomtestutilsact-warning] <h2> Rest of ReactDOMTestUtils APIS [#rest-of-reactdomtestutils-apis] <h3> ReactDOMTestUtils.renderIntoDocument [#reactdomtestutilsrenderintodocument] <h3> ReactDOMTestUtils.Simulate [#reactdomtestutilssimulate] <h3> List of all removed APIs [#list-of-all-removed-apis-list-of-all-removed-apis] <h2> On this page	13	6	/warnings/react-dom-test-utils
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> renderToReadableStream <h3> Note <h2> Reference [#reference] <h3> renderToReadableStream(reactNode, options?) [#rendertoreadablestream] <h2> Usage [#usage] <h3> Rendering a React tree as HTML to a Readable Web Stream [#rendering-a-react-tree-as-html-to-a-readable-web-stream] <h3> Streaming more content as it loads [#streaming-more-content-as-it-loads] <h3> Note <h3> Specifying what goes into the shell [#specifying-what-goes-into-the-shell] <h3> Logging crashes on the server [#logging-crashes-on-the-server] <h3> Recovering from errors inside the shell [#recovering-from-errors-inside-the-shell] <h3> Recovering from errors outside the shell [#recovering-from-errors-outside-the-shell] <h3> Setting the status code [#setting-the-status-code] <h3> Handling different errors in different ways [#handling-different-errors-in-different-ways] <h3> Waiting for all content to load for crawlers and static generation [#waiting-for-all-content-to-load-for-crawlers-and-static-generation] <h3> Aborting server rendering [#aborting-server-rendering] <h2> On this page	22	6	/reference/react-dom/server/renderToReadableStream
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> act <h3> Note <h2> Reference [#reference] <h3> await act(async actFn) [#await-act-async-actfn] <h3> Note <h2> Usage [#usage] <h3> Rendering components in tests [#rendering-components-in-tests] <h3> Dispatching events in tests [#dispatching-events-in-tests] <h3> Pitfall <h2> Troubleshooting [#troubleshooting] <h3> I’m getting an error: “The current testing environment is not configured to support act”(…)” [#error-the-current-testing-environment-is-not-configured-to-support-act] <h3> Note <h2> On this page	18	6	/reference/react/act
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> renderToNodeStream <h3> Deprecated <h2> Reference [#reference] <h3> renderToNodeStream(reactNode, options?) [#rendertonodestream] <h2> Usage [#usage] <h3> Rendering a React tree as HTML to a Node.js Readable Stream [#rendering-a-react-tree-as-html-to-a-nodejs-readable-stream] <h2> On this page	12	6	/reference/react-dom/server/renderToNodeStream
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <title> - This feature is available in the latest Canary <h3> Canary <h2> Reference [#reference] <h3> <title> [#title] <h3> Pitfall <h2> Usage [#usage] <h3> Set the document title [#set-the-document-title] <h3> Use variables in the title [#use-variables-in-the-title] <h2> On this page	14	6	/reference/react-dom/components/title
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Children <h3> Pitfall <h2> Reference [#reference] <h3> Children.count(children) [#children-count] <h3> Children.forEach(children, fn, thisArg?) [#children-foreach] <h3> Children.map(children, fn, thisArg?) [#children-map] <h3> Children.only(children) [#children-only] <h3> Children.toArray(children) [#children-toarray] <h2> Usage [#usage] <h3> Transforming children [#transforming-children] <h3> Pitfall <h3> Running some code for each child [#running-some-code-for-each-child] <h3> Pitfall <h3> Counting children [#counting-children] <h3> Pitfall <h3> Converting children to an array [#converting-children-to-an-array] <h3> Pitfall <h2> Alternatives [#alternatives] <h3> Note <h3> Exposing multiple components [#exposing-multiple-components] <h3> Accepting an array of objects as a prop [#accepting-an-array-of-objects-as-a-prop] <h3> Calling a render prop to customize rendering [#calling-a-render-prop-to-customize-rendering] <h2> Troubleshooting [#troubleshooting] <h3> I pass a custom component, but the Children methods don’t show its render result [#i-pass-a-custom-component-but-the-children-methods-dont-show-its-render-result] <h2> On this page	30	6	/reference/react/Children
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useLayoutEffect <h3> Pitfall <h2> Reference [#reference] <h3> useLayoutEffect(setup, dependencies?) [#useinsertioneffect] <h2> Usage [#usage] <h3> Measuring layout before the browser repaints the screen [#measuring-layout-before-the-browser-repaints-the-screen] <h3> Note <h2> Troubleshooting [#troubleshooting] <h3> I’m getting an error: “useLayoutEffect does nothing on the server” [#im-getting-an-error-uselayouteffect-does-nothing-on-the-server] <h2> On this page	15	6	/reference/react/useLayoutEffect
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Built-in React Components <h2> Built-in components [#built-in-components] <h2> Your own components [#your-own-components] <h2> On this page	9	5	/reference/react/components
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <textarea> <h2> Reference [#reference] <h3> <textarea> [#textarea] <h2> Usage [#usage] <h3> Displaying a text area [#displaying-a-text-area] <h3> Providing a label for a text area [#providing-a-label-for-a-text-area] <h3> Providing an initial value for a text area [#providing-an-initial-value-for-a-text-area] <h3> Pitfall <h3> Reading the text area value when submitting a form [#reading-the-text-area-value-when-submitting-a-form] <h3> Note <h3> Pitfall <h3> Controlling a text area with a state variable [#controlling-a-text-area-with-a-state-variable] <h3> Pitfall <h2> Troubleshooting [#troubleshooting] <h3> My text area doesn’t update when I type into it [#my-text-area-doesnt-update-when-i-type-into-it] <h3> My text area caret jumps to the beginning on every keystroke [#my-text-area-caret-jumps-to-the-beginning-on-every-keystroke] <h3> I’m getting an error: “A component is changing an uncontrolled input to be controlled” [#im-getting-an-error-a-component-is-changing-an-uncontrolled-input-to-be-controlled] <h2> On this page	23	5	/reference/react-dom/components/textarea
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Common components (e.g. <div>) <h2> Reference [#reference] <h3> Common components (e.g. <div>) [#common] <h3> ref callback function [#ref-callback] <h3> Canary <h3> React event object [#react-event-object] <h3> AnimationEvent handler function [#animationevent-handler] <h3> ClipboardEvent handler function [#clipboadevent-handler] <h3> CompositionEvent handler function [#compositionevent-handler] <h3> DragEvent handler function [#dragevent-handler] <h3> FocusEvent handler function [#focusevent-handler] <h3> Event handler function [#event-handler] <h3> InputEvent handler function [#inputevent-handler] <h3> KeyboardEvent handler function [#keyboardevent-handler] <h3> MouseEvent handler function [#mouseevent-handler] <h3> PointerEvent handler function [#pointerevent-handler] <h3> TouchEvent handler function [#touchevent-handler] <h3> TransitionEvent handler function [#transitionevent-handler] <h3> UIEvent handler function [#uievent-handler] <h3> WheelEvent handler function [#wheelevent-handler] <h2> Usage [#usage] <h3> Applying CSS styles [#applying-css-styles] <h3> Manipulating a DOM node with a ref [#manipulating-a-dom-node-with-a-ref] <h3> Dangerously setting the inner HTML [#dangerously-setting-the-inner-html] <h3> Handling mouse events [#handling-mouse-events] <h3> Handling pointer events [#handling-pointer-events] <h3> Handling focus events [#handling-focus-events] <h3> Handling keyboard events [#handling-keyboard-events] <h2> On this page	34	5	/reference/react-dom/components/common
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useRef <h2> Reference [#reference] <h3> useRef(initialValue) [#useref] <h2> Usage [#usage] <h3> Referencing a value with a ref [#referencing-a-value-with-a-ref] <h3> Pitfall <h3> Manipulating the DOM with a ref [#manipulating-the-dom-with-a-ref] <h3> Avoiding recreating the ref contents [#avoiding-recreating-the-ref-contents] <h2> Troubleshooting [#troubleshooting] <h3> I can’t get a ref to a custom component [#i-cant-get-a-ref-to-a-custom-component] <h2> On this page	16	5	/reference/react/useRef
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> React calls Components and Hooks <h2> Never call component functions directly [#never-call-component-functions-directly] <h2> Never pass around Hooks as regular values [#never-pass-around-hooks-as-regular-values] <h3> Don’t dynamically mutate a Hook [#dont-dynamically-mutate-a-hook] <h3> Don’t dynamically use Hooks [#dont-dynamically-use-hooks] <h2> On this page	11	5	/reference/rules/react-calls-components-and-hooks
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useReducer <h2> Reference [#reference] <h3> useReducer(reducer, initialArg, init?) [#usereducer] <h3> dispatch function [#dispatch] <h2> Usage [#usage] <h3> Adding a reducer to a component [#adding-a-reducer-to-a-component] <h3> Writing the reducer function [#writing-the-reducer-function] <h3> Pitfall <h3> Avoiding recreating the initial state [#avoiding-recreating-the-initial-state] <h2> Troubleshooting [#troubleshooting] <h3> I’ve dispatched an action, but logging gives me the old state value [#ive-dispatched-an-action-but-logging-gives-me-the-old-state-value] <h3> I’ve dispatched an action, but the screen doesn’t update [#ive-dispatched-an-action-but-the-screen-doesnt-update] <h3> A part of my reducer state becomes undefined after dispatching [#a-part-of-my-reducer-state-becomes-undefined-after-dispatching] <h3> My entire reducer state becomes undefined after dispatching [#my-entire-reducer-state-becomes-undefined-after-dispatching] <h3> I’m getting an error: “Too many re-renders” [#im-getting-an-error-too-many-re-renders] <h3> My reducer or initializer function runs twice [#my-reducer-or-initializer-function-runs-twice] <h2> On this page	22	5	/reference/react/useReducer
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Legacy React APIs <h2> Legacy APIs [#legacy-apis] <h2> Deprecated APIs [#deprecated-apis] <h3> Deprecated <h2> On this page	10	5	/reference/react/legacy
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> memo <h2> Reference [#reference] <h3> memo(Component, arePropsEqual?) [#memo] <h2> Usage [#usage] <h3> Skipping re-rendering when props are unchanged [#skipping-re-rendering-when-props-are-unchanged] <h3> Note <h3> Updating a memoized component using state [#updating-a-memoized-component-using-state] <h3> Updating a memoized component using a context [#updating-a-memoized-component-using-a-context] <h3> Minimizing props changes [#minimizing-props-changes] <h3> Specifying a custom comparison function [#specifying-a-custom-comparison-function] <h3> Pitfall <h2> Troubleshooting [#troubleshooting] <h3> My component re-renders when a prop is an object, array, or function [#my-component-rerenders-when-a-prop-is-an-object-or-array] <h2> On this page	19	5	/reference/react/memo
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useDebugValue <h2> Reference [#reference] <h3> useDebugValue(value, format?) [#usedebugvalue] <h2> Usage [#usage] <h3> Adding a label to a custom Hook [#adding-a-label-to-a-custom-hook] <h3> Note <h3> Deferring formatting of a debug value [#deferring-formatting-of-a-debug-value] <h2> On this page	13	5	/reference/react/useDebugValue
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useEffect <h2> Reference [#reference] <h3> useEffect(setup, dependencies?) [#useeffect] <h2> Usage [#usage] <h3> Connecting to an external system [#connecting-to-an-external-system] <h3> Note <h3> Wrapping Effects in custom Hooks [#wrapping-effects-in-custom-hooks] <h3> Controlling a non-React widget [#controlling-a-non-react-widget] <h3> Fetching data with Effects [#fetching-data-with-effects] <h3> Specifying reactive dependencies [#specifying-reactive-dependencies] <h3> Pitfall <h3> Updating state based on previous state from an Effect [#updating-state-based-on-previous-state-from-an-effect] <h3> Removing unnecessary object dependencies [#removing-unnecessary-object-dependencies] <h3> Removing unnecessary function dependencies [#removing-unnecessary-function-dependencies] <h3> Reading the latest props and state from an Effect [#reading-the-latest-props-and-state-from-an-effect] <h3> Under Construction <h3> Displaying different content on the server and the client [#displaying-different-content-on-the-server-and-the-client] <h2> Troubleshooting [#troubleshooting] <h3> My Effect runs twice when the component mounts [#my-effect-runs-twice-when-the-component-mounts] <h3> My Effect runs after every re-render [#my-effect-runs-after-every-re-render] <h3> My Effect keeps re-running in an infinite cycle [#my-effect-keeps-re-running-in-an-infinite-cycle] <h3> My cleanup logic runs even though my component didn’t unmount [#my-cleanup-logic-runs-even-though-my-component-didnt-unmount] <h3> My Effect does something visual, and I see a flicker before it runs [#my-effect-does-something-visual-and-i-see-a-flicker-before-it-runs] <h2> On this page	29	5	/reference/react/useEffect
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <input> <h2> Reference [#reference] <h3> <input> [#input] <h3> Canary <h2> Usage [#usage] <h3> Displaying inputs of different types [#displaying-inputs-of-different-types] <h3> Providing a label for an input [#providing-a-label-for-an-input] <h3> Providing an initial value for an input [#providing-an-initial-value-for-an-input] <h3> Reading the input values when submitting a form [#reading-the-input-values-when-submitting-a-form] <h3> Note <h3> Pitfall <h3> Controlling an input with a state variable [#controlling-an-input-with-a-state-variable] <h3> Pitfall <h3> Optimizing re-rendering on every keystroke [#optimizing-re-rendering-on-every-keystroke] <h2> Troubleshooting [#troubleshooting] <h3> My text input doesn’t update when I type into it [#my-text-input-doesnt-update-when-i-type-into-it] <h3> My checkbox doesn’t update when I click on it [#my-checkbox-doesnt-update-when-i-click-on-it] <h3> Pitfall <h3> My input caret jumps to the beginning on every keystroke [#my-input-caret-jumps-to-the-beginning-on-every-keystroke] <h3> I’m getting an error: “A component is changing an uncontrolled input to be controlled” [#im-getting-an-error-a-component-is-changing-an-uncontrolled-input-to-be-controlled] <h2> On this page	26	5	/reference/react-dom/components/input
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> React Reference Overview <h2> React [#react] <h2> React DOM [#react-dom] <h2> Rules of React [#rules-of-react] <h2> Legacy APIs [#legacy-apis] <h2> On this page	11	5	/reference/react
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useState <h2> Reference [#reference] <h3> useState(initialState) [#usestate] <h3> set functions, like setSomething(nextState) [#setstate] <h2> Usage [#usage] <h3> Adding state to a component [#adding-state-to-a-component] <h3> Pitfall <h3> Updating state based on the previous state [#updating-state-based-on-the-previous-state] <h3> Updating objects and arrays in state [#updating-objects-and-arrays-in-state] <h3> Avoiding recreating the initial state [#avoiding-recreating-the-initial-state] <h3> Resetting state with a key [#resetting-state-with-a-key] <h3> Storing information from previous renders [#storing-information-from-previous-renders] <h2> Troubleshooting [#troubleshooting] <h3> I’ve updated the state, but logging gives me the old value [#ive-updated-the-state-but-logging-gives-me-the-old-value] <h3> I’ve updated the state, but the screen doesn’t update [#ive-updated-the-state-but-the-screen-doesnt-update] <h3> I’m getting an error: “Too many re-renders” [#im-getting-an-error-too-many-re-renders] <h3> My initializer or updater function runs twice [#my-initializer-or-updater-function-runs-twice] <h3> I’m trying to set state to a function, but it gets called instead [#im-trying-to-set-state-to-a-function-but-it-gets-called-instead] <h2> On this page	24	5	/reference/react/useState
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> isValidElement <h2> Reference [#reference] <h3> isValidElement(value) [#isvalidelement] <h2> Usage [#usage] <h3> Checking if something is a React element [#checking-if-something-is-a-react-element] <h2> On this page	11	5	/reference/react/isValidElement
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useSyncExternalStore <h2> Reference [#reference] <h3> useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot?) [#usesyncexternalstore] <h2> Usage [#usage] <h3> Subscribing to an external store [#subscribing-to-an-external-store] <h3> Note <h3> Subscribing to a browser API [#subscribing-to-a-browser-api] <h3> Extracting the logic to a custom Hook [#extracting-the-logic-to-a-custom-hook] <h3> Adding support for server rendering [#adding-support-for-server-rendering] <h3> Note <h2> Troubleshooting [#troubleshooting] <h3> I’m getting an error: “The result of getSnapshot should be cached” [#im-getting-an-error-the-result-of-getsnapshot-should-be-cached] <h3> My subscribe function gets called after every re-render [#my-subscribe-function-gets-called-after-every-re-render] <h2> On this page	19	5	/reference/react/useSyncExternalStore
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useId <h2> Reference [#reference] <h3> useId() [#useid] <h2> Usage [#usage] <h3> Pitfall <h3> Generating unique IDs for accessibility attributes [#generating-unique-ids-for-accessibility-attributes] <h3> Pitfall <h3> Generating IDs for several related elements [#generating-ids-for-several-related-elements] <h3> Specifying a shared prefix for all generated IDs [#specifying-a-shared-prefix-for-all-generated-ids] <h3> Using the same ID prefix on the client and the server [#using-the-same-id-prefix-on-the-client-and-the-server] <h2> On this page	16	5	/reference/react/useId
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> createPortal <h2> Reference [#reference] <h3> createPortal(children, domNode, key?) [#createportal] <h2> Usage [#usage] <h3> Rendering to a different part of the DOM [#rendering-to-a-different-part-of-the-dom] <h3> Rendering a modal dialog with a portal [#rendering-a-modal-dialog-with-a-portal] <h3> Pitfall <h3> Rendering React components into non-React server markup [#rendering-react-components-into-non-react-server-markup] <h3> Rendering React components into non-React DOM nodes [#rendering-react-components-into-non-react-dom-nodes] <h2> On this page	15	5	/reference/react-dom/createPortal
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <select> <h2> Reference [#reference] <h3> <select> [#select] <h2> Usage [#usage] <h3> Displaying a select box with options [#displaying-a-select-box-with-options] <h3> Providing a label for a select box [#providing-a-label-for-a-select-box] <h3> Providing an initially selected option [#providing-an-initially-selected-option] <h3> Pitfall <h3> Enabling multiple selection [#enabling-multiple-selection] <h3> Reading the select box value when submitting a form [#reading-the-select-box-value-when-submitting-a-form] <h3> Note <h3> Pitfall <h3> Controlling a select box with a state variable [#controlling-a-select-box-with-a-state-variable] <h3> Pitfall <h2> On this page	20	5	/reference/react-dom/components/select
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> startTransition <h2> Reference [#reference] <h3> startTransition(scope) [#starttransitionscope] <h2> Usage [#usage] <h3> Marking a state update as a non-blocking Transition [#marking-a-state-update-as-a-non-blocking-transition] <h3> Note <h2> On this page	12	5	/reference/react/startTransition
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <Profiler> <h2> Reference [#reference] <h3> <Profiler> [#profiler] <h3> onRender callback [#onrender-callback] <h2> Usage [#usage] <h3> Measuring rendering performance programmatically [#measuring-rendering-performance-programmatically] <h3> Pitfall <h3> Note <h3> Measuring different parts of the application [#measuring-different-parts-of-the-application] <h2> On this page	15	5	/reference/react/Profiler
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <StrictMode> <h2> Reference [#reference] <h3> <StrictMode> [#strictmode] <h2> Usage [#usage] <h3> Enabling Strict Mode for entire app [#enabling-strict-mode-for-entire-app] <h3> Note <h3> Enabling Strict Mode for a part of the app [#enabling-strict-mode-for-a-part-of-the-app] <h3> Fixing bugs found by double rendering in development [#fixing-bugs-found-by-double-rendering-in-development] <h3> Note <h3> Fixing bugs found by re-running Effects in development [#fixing-bugs-found-by-re-running-effects-in-development] <h3> Fixing deprecation warnings enabled by Strict Mode [#fixing-deprecation-warnings-enabled-by-strict-mode] <h2> On this page	17	5	/reference/react/StrictMode
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Built-in React APIs <h2> Resource APIs [#resource-apis] <h2> On this page	8	5	/reference/react/apis
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> forwardRef <h2> Reference [#reference] <h3> forwardRef(render) [#forwardref] <h3> render function [#render-function] <h2> Usage [#usage] <h3> Exposing a DOM node to the parent component [#exposing-a-dom-node-to-the-parent-component] <h3> Forwarding a ref through multiple components [#forwarding-a-ref-through-multiple-components] <h3> Exposing an imperative handle instead of a DOM node [#exposing-an-imperative-handle-instead-of-a-dom-node] <h3> Pitfall <h2> Troubleshooting [#troubleshooting] <h3> My component is wrapped in forwardRef, but the ref to it is always null [#my-component-is-wrapped-in-forwardref-but-the-ref-to-it-is-always-null] <h2> On this page	17	5	/reference/react/forwardRef
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <option> <h2> Reference [#reference] <h3> <option> [#option] <h2> Usage [#usage] <h3> Displaying a select box with options [#displaying-a-select-box-with-options] <h2> On this page	11	5	/reference/react-dom/components/option
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> renderToStaticNodeStream <h2> Reference [#reference] <h3> renderToStaticNodeStream(reactNode, options?) [#rendertostaticnodestream] <h2> Usage [#usage] <h3> Rendering a React tree as static HTML to a Node.js Readable Stream [#rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream] <h3> Pitfall <h2> On this page	12	5	/reference/react-dom/server/renderToStaticNodeStream
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useImperativeHandle <h2> Reference [#reference] <h3> useImperativeHandle(ref, createHandle, dependencies?) [#useimperativehandle] <h2> Usage [#usage] <h3> Exposing a custom ref handle to the parent component [#exposing-a-custom-ref-handle-to-the-parent-component] <h3> Exposing your own imperative methods [#exposing-your-own-imperative-methods] <h3> Pitfall <h2> On this page	13	5	/reference/react/useImperativeHandle
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> renderToStaticMarkup <h2> Reference [#reference] <h3> renderToStaticMarkup(reactNode, options?) [#rendertostaticmarkup] <h2> Usage [#usage] <h3> Rendering a non-interactive React tree as HTML to a string [#rendering-a-non-interactive-react-tree-as-html-to-a-string] <h3> Pitfall <h2> On this page	12	5	/reference/react-dom/server/renderToStaticMarkup
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <progress> <h2> Reference [#reference] <h3> <progress> [#progress] <h2> Usage [#usage] <h3> Controlling a progress indicator [#controlling-a-progress-indicator] <h2> On this page	11	5	/reference/react-dom/components/progress
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useMemo <h2> Reference [#reference] <h3> useMemo(calculateValue, dependencies) [#usememo] <h3> Note <h2> Usage [#usage] <h3> Skipping expensive recalculations [#skipping-expensive-recalculations] <h3> Note <h3> Skipping re-rendering of components [#skipping-re-rendering-of-components] <h3> Memoizing a dependency of another Hook [#memoizing-a-dependency-of-another-hook] <h3> Memoizing a function [#memoizing-a-function] <h2> Troubleshooting [#troubleshooting] <h3> My calculation runs twice on every re-render [#my-calculation-runs-twice-on-every-re-render] <h3> My useMemo call is supposed to return an object, but returns undefined [#my-usememo-call-is-supposed-to-return-an-object-but-returns-undefined] <h3> Every time my component renders, the calculation in useMemo re-runs [#every-time-my-component-renders-the-calculation-in-usememo-re-runs] <h3> I need to call useMemo for each list item in a loop, but it’s not allowed [#i-need-to-call-usememo-for-each-list-item-in-a-loop-but-its-not-allowed] <h2> On this page	21	5	/reference/react/useMemo
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> React DOM Components <h2> Common components [#common-components] <h2> Form components [#form-components] <h2> Resource and Metadata Components [#resource-and-metadata-components] <h2> All HTML components [#all-html-components] <h3> Note <h3> Custom HTML elements [#custom-html-elements] <h3> Note <h2> All SVG components [#all-svg-components] <h3> Note <h2> On this page	16	5	/reference/react-dom/components
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useTransition <h2> Reference [#reference] <h3> useTransition() [#usetransition] <h3> startTransition function [#starttransition] <h2> Usage [#usage] <h3> Marking a state update as a non-blocking Transition [#marking-a-state-update-as-a-non-blocking-transition] <h3> Updating the parent component in a Transition [#updating-the-parent-component-in-a-transition] <h3> Displaying a pending visual state during the Transition [#displaying-a-pending-visual-state-during-the-transition] <h3> Preventing unwanted loading indicators [#preventing-unwanted-loading-indicators] <h3> Note <h3> Building a Suspense-enabled router [#building-a-suspense-enabled-router] <h3> Note <h3> Displaying an error to users with an error boundary [#displaying-an-error-to-users-with-error-boundary] <h3> Canary <h2> Troubleshooting [#troubleshooting] <h3> Updating an input in a Transition doesn’t work [#updating-an-input-in-a-transition-doesnt-work] <h3> React doesn’t treat my state update as a Transition [#react-doesnt-treat-my-state-update-as-a-transition] <h3> I want to call useTransition from outside a component [#i-want-to-call-usetransition-from-outside-a-component] <h3> The function I pass to startTransition executes immediately [#the-function-i-pass-to-starttransition-executes-immediately] <h2> On this page	25	5	/reference/react/useTransition
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <Fragment> (<>...</>) <h2> Reference [#reference] <h3> <Fragment> [#fragment] <h2> Usage [#usage] <h3> Returning multiple elements [#returning-multiple-elements] <h3> Assigning multiple elements to a variable [#assigning-multiple-elements-to-a-variable] <h3> Grouping elements with text [#grouping-elements-with-text] <h3> Rendering a list of Fragments [#rendering-a-list-of-fragments] <h2> On this page	14	5	/reference/react/Fragment
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> <Suspense> <h2> Reference [#reference] <h3> <Suspense> [#suspense] <h2> Usage [#usage] <h3> Displaying a fallback while content is loading [#displaying-a-fallback-while-content-is-loading] <h3> Note <h3> Revealing content together at once [#revealing-content-together-at-once] <h3> Revealing nested content as it loads [#revealing-nested-content-as-it-loads] <h3> Showing stale content while fresh content is loading [#showing-stale-content-while-fresh-content-is-loading] <h3> Note <h3> Preventing already revealed content from hiding [#preventing-already-revealed-content-from-hiding] <h3> Note <h3> Indicating that a Transition is happening [#indicating-that-a-transition-is-happening] <h3> Resetting Suspense boundaries on navigation [#resetting-suspense-boundaries-on-navigation] <h3> Providing a fallback for server errors and client-only content [#providing-a-fallback-for-server-errors-and-client-only-content] <h2> Troubleshooting [#troubleshooting] <h3> How do I prevent the UI from being replaced by a fallback during an update? [#preventing-unwanted-fallbacks] <h2> On this page	23	5	/reference/react/Suspense
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Server React DOM APIs <h2> Server APIs for Node.js Streams [#server-apis-for-nodejs-streams] <h2> Server APIs for Web Streams [#server-apis-for-web-streams] <h2> Server APIs for non-streaming environments [#server-apis-for-non-streaming-environments] <h2> Deprecated server APIs [#deprecated-server-apis] <h3> Deprecated <h2> On this page	12	5	/reference/react-dom/server
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Rules of Hooks <h2> Only call Hooks at the top level [#only-call-hooks-at-the-top-level] <h3> Note <h2> Only call Hooks from React functions [#only-call-hooks-from-react-functions] <h2> On this page	10	5	/reference/rules/rules-of-hooks
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> lazy <h2> Reference [#reference] <h3> lazy(load) [#lazy] <h3> load function [#load] <h2> Usage [#usage] <h3> Lazy-loading components with Suspense [#suspense-for-code-splitting] <h2> Troubleshooting [#troubleshooting] <h3> My lazy component’s state gets reset unexpectedly [#my-lazy-components-state-gets-reset-unexpectedly] <h2> On this page	14	5	/reference/react/lazy
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useCallback <h2> Reference [#reference] <h3> useCallback(fn, dependencies) [#usecallback] <h2> Usage [#usage] <h3> Skipping re-rendering of components [#skipping-re-rendering-of-components] <h3> Note <h3> Updating state from a memoized callback [#updating-state-from-a-memoized-callback] <h3> Preventing an Effect from firing too often [#preventing-an-effect-from-firing-too-often] <h3> Optimizing a custom Hook [#optimizing-a-custom-hook] <h2> Troubleshooting [#troubleshooting] <h3> Every time my component renders, useCallback returns a different function [#every-time-my-component-renders-usecallback-returns-a-different-function] <h3> I need to call useCallback for each list item in a loop, but it’s not allowed [#i-need-to-call-usememo-for-each-list-item-in-a-loop-but-its-not-allowed] <h2> On this page	18	5	/reference/react/useCallback
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Built-in React Hooks <h2> State Hooks [#state-hooks] <h2> Context Hooks [#context-hooks] <h2> Ref Hooks [#ref-hooks] <h2> Effect Hooks [#effect-hooks] <h2> Performance Hooks [#performance-hooks] <h2> Other Hooks [#other-hooks] <h2> Your own Hooks [#your-own-hooks] <h2> On this page	14	5	/reference/react/hooks
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useContext <h2> Reference [#reference] <h3> useContext(SomeContext) [#usecontext] <h2> Usage [#usage] <h3> Passing data deeply into the tree [#passing-data-deeply-into-the-tree] <h3> Pitfall <h3> Updating data passed via context [#updating-data-passed-via-context] <h3> Specifying a fallback default value [#specifying-a-fallback-default-value] <h3> Overriding context for a part of the tree [#overriding-context-for-a-part-of-the-tree] <h3> Optimizing re-renders when passing objects and functions [#optimizing-re-renders-when-passing-objects-and-functions] <h2> Troubleshooting [#troubleshooting] <h3> My component doesn’t see the value from my provider [#my-component-doesnt-see-the-value-from-my-provider] <h3> I am always getting undefined from my context although the default value is different [#i-am-always-getting-undefined-from-my-context-although-the-default-value-is-different] <h2> On this page	19	5	/reference/react/useContext
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> hydrateRoot <h2> Reference [#reference] <h3> hydrateRoot(domNode, reactNode, options?) [#hydrateroot] <h3> root.render(reactNode) [#root-render] <h3> root.unmount() [#root-unmount] <h2> Usage [#usage] <h3> Hydrating server-rendered HTML [#hydrating-server-rendered-html] <h3> Pitfall <h3> Hydrating an entire document [#hydrating-an-entire-document] <h3> Suppressing unavoidable hydration mismatch errors [#suppressing-unavoidable-hydration-mismatch-errors] <h3> Handling different client and server content [#handling-different-client-and-server-content] <h3> Pitfall <h3> Updating a hydrated root component [#updating-a-hydrated-root-component] <h3> Show a dialog for uncaught errors [#show-a-dialog-for-uncaught-errors] <h3> Canary <h3> Displaying Error Boundary errors [#displaying-error-boundary-errors] <h3> Canary <h3> Show a dialog for recoverable hydration mismatch errors [#show-a-dialog-for-recoverable-hydration-mismatch-errors] <h2> Troubleshooting [#troubleshooting] <h3> I’m getting an error: “You passed a second argument to root.render” [#im-getting-an-error-you-passed-a-second-argument-to-root-render] <h2> On this page	26	5	/reference/react-dom/client/hydrateRoot
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> React DOM APIs <h2> APIs [#apis] <h2> Resource Preloading APIs [#resource-preloading-apis] <h2> Entry points [#entry-points] <h2> Deprecated APIs [#deprecated-apis] <h3> Deprecated <h2> On this page	12	5	/reference/react-dom
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> createRoot <h2> Reference [#reference] <h3> createRoot(domNode, options?) [#createroot] <h3> root.render(reactNode) [#root-render] <h3> root.unmount() [#root-unmount] <h2> Usage [#usage] <h3> Rendering an app fully built with React [#rendering-an-app-fully-built-with-react] <h3> Note <h3> Pitfall <h3> Rendering a page partially built with React [#rendering-a-page-partially-built-with-react] <h3> Updating a root component [#updating-a-root-component] <h3> Show a dialog for uncaught errors [#show-a-dialog-for-uncaught-errors] <h3> Canary <h3> Displaying Error Boundary errors [#displaying-error-boundary-errors] <h3> Canary <h3> Displaying a dialog for recoverable errors [#displaying-a-dialog-for-recoverable-errors] <h2> Troubleshooting [#troubleshooting] <h3> I’ve created a root, but nothing is displayed [#ive-created-a-root-but-nothing-is-displayed] <h3> I’m getting an error: “You passed a second argument to root.render” [#im-getting-an-error-you-passed-a-second-argument-to-root-render] <h3> I’m getting an error: “Target container is not a DOM element” [#im-getting-an-error-target-container-is-not-a-dom-element] <h3> I’m getting an error: “Functions are not valid as a React child.” [#im-getting-an-error-functions-are-not-valid-as-a-react-child] <h3> My server-rendered HTML gets re-created from scratch [#my-server-rendered-html-gets-re-created-from-scratch] <h2> On this page	28	5	/reference/react-dom/client/createRoot
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Client React DOM APIs <h2> Client APIs [#client-apis] <h2> Browser support [#browser-support] <h2> On this page	9	5	/reference/react-dom/client
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> Built-in React DOM Hooks <h2> Form Hooks [#form-hooks] <h3> Canary <h2> On this page	9	5	/reference/react-dom/hooks
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> createElement <h2> Reference [#reference] <h3> createElement(type, props, ...children) [#createelement] <h2> Usage [#usage] <h3> Creating an element without JSX [#creating-an-element-without-jsx] <h2> On this page	11	5	/reference/react/createElement
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> createContext <h2> Reference [#reference] <h3> createContext(defaultValue) [#createcontext] <h3> SomeContext.Provider [#provider] <h3> SomeContext.Consumer [#consumer] <h2> Usage [#usage] <h3> Creating context [#creating-context] <h3> Importing and exporting context from a file [#importing-and-exporting-context-from-a-file] <h2> Troubleshooting [#troubleshooting] <h3> I can’t find a way to change the context value [#i-cant-find-a-way-to-change-the-context-value] <h2> On this page	16	5	/reference/react/createContext
<h3> react@18.3.1 <h3> react-dom@18.3.1 <h3> Rules of React <h3> React Server Components <h3> Legacy APIs <h1> useDeferredValue <h2> Reference [#reference] <h3> useDeferredValue(value, initialValue?) [#usedeferredvalue] <h3> Canary <h2> Usage [#usage] <h3> Showing stale content while fresh content is loading [#showing-stale-content-while-fresh-content-is-loading] <h3> Note <h3> Indicating that the content is stale [#indicating-that-the-content-is-stale] <h3> Deferring re-rendering for a part of the UI [#deferring-re-rendering-for-a-part-of-the-ui] <h3> Pitfall <h2> On this page	16	5	/reference/react/useDeferredValue
<h3> GET STARTED <h3> LEARN REACT <h1> Tutorial: Tic-Tac-Toe <h3> Note <h3> What are you building? [#what-are-you-building] <h2> Setup for the tutorial [#setup-for-the-tutorial] <h3> Note <h2> Overview [#overview] <h3> Inspecting the starter code [#inspecting-the-starter-code] <h3> Building the board [#building-the-board] <h3> Note <h3> Passing data through props [#passing-data-through-props] <h3> Making an interactive component [#making-an-interactive-component] <h3> Note <h3> React Developer Tools [#react-developer-tools] <h3> Note <h2> Completing the game [#completing-the-game] <h3> Lifting state up [#lifting-state-up] <h3> Note <h3> Note <h3> Why immutability is important [#why-immutability-is-important] <h3> Taking turns [#taking-turns] <h3> Declaring a winner [#declaring-a-winner] <h3> Note <h2> Adding time travel [#adding-time-travel] <h3> Storing a history of moves [#storing-a-history-of-moves] <h3> Lifting state up, again [#lifting-state-up-again] <h3> Showing the past moves [#showing-the-past-moves] <h3> Picking a key [#picking-a-key] <h3> Implementing time travel [#implementing-time-travel] <h3> Final cleanup [#final-cleanup] <h3> Wrapping up [#wrapping-up] <h2> On this page	33	4	/learn/tutorial-tic-tac-toe
<h3> GET STARTED <h3> LEARN REACT <h1> Quick Start <h3> You will learn <h2> Creating and nesting components [#components] <h2> Writing markup with JSX [#writing-markup-with-jsx] <h2> Adding styles [#adding-styles] <h2> Displaying data [#displaying-data] <h2> Conditional rendering [#conditional-rendering] <h2> Rendering lists [#rendering-lists] <h2> Responding to events [#responding-to-events] <h2> Updating the screen [#updating-the-screen] <h2> Using Hooks [#using-hooks] <h2> Sharing data between components [#sharing-data-between-components] <h2> Next Steps [#next-steps] <h2> On this page	16	3	/learn
<h3> GET STARTED <h3> LEARN REACT <h1> Render and Commit <h3> You will learn <h2> Step 1: Trigger a render [#step-1-trigger-a-render] <h3> Initial render [#initial-render] <h3> Re-renders when state updates [#re-renders-when-state-updates] <h2> Step 2: React renders your components [#step-2-react-renders-your-components] <h3> Pitfall <h2> Step 3: React commits changes to the DOM [#step-3-react-commits-changes-to-the-dom] <h2> Epilogue: Browser paint [#epilogue-browser-paint] <h2> Recap [#recap] <h2> On this page	13	3	/learn/render-and-commit
<h3> GET STARTED <h3> LEARN REACT <h1> Preserving and Resetting State <h3> You will learn <h2> State is tied to a position in the render tree [#state-is-tied-to-a-position-in-the-tree] <h2> Same component at the same position preserves state [#same-component-at-the-same-position-preserves-state] <h3> Pitfall <h2> Different components at the same position reset state [#different-components-at-the-same-position-reset-state] <h3> Pitfall <h2> Resetting state at the same position [#resetting-state-at-the-same-position] <h3> Option 1: Rendering a component in different positions [#option-1-rendering-a-component-in-different-positions] <h3> Option 2: Resetting state with a key [#option-2-resetting-state-with-a-key] <h3> Note <h3> Resetting a form with a key [#resetting-a-form-with-a-key] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	17	3	/learn/preserving-and-resetting-state
<h3> GET STARTED <h3> LEARN REACT <h1> Conditional Rendering <h3> You will learn <h2> Conditionally returning JSX [#conditionally-returning-jsx] <h3> Conditionally returning nothing with null [#conditionally-returning-nothing-with-null] <h2> Conditionally including JSX [#conditionally-including-jsx] <h3> Conditional (ternary) operator (? :) [#conditional-ternary-operator--] <h3> Logical AND operator (&&) [#logical-and-operator-] <h3> Pitfall <h3> Conditionally assigning JSX to a variable [#conditionally-assigning-jsx-to-a-variable] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	14	3	/learn/conditional-rendering
<h3> GET STARTED <h3> LEARN REACT <h1> Using TypeScript <h3> You will learn <h2> Installation [#installation] <h3> Adding TypeScript to an existing React project [#adding-typescript-to-an-existing-react-project] <h2> TypeScript with React Components [#typescript-with-react-components] <h3> Note <h3> Note <h2> Example Hooks [#example-hooks] <h3> useState [#typing-usestate] <h3> useReducer [#typing-usereducer] <h3> useContext [#typing-usecontext] <h3> useMemo [#typing-usememo] <h3> useCallback [#typing-usecallback] <h2> Useful Types [#useful-types] <h3> DOM Events [#typing-dom-events] <h3> Children [#typing-children] <h3> Style Props [#typing-style-props] <h2> Further learning [#further-learning] <h2> On this page	21	3	/learn/typescript
<h3> GET STARTED <h3> LEARN REACT <h1> Referencing Values with Refs <h3> You will learn <h2> Adding a ref to your component [#adding-a-ref-to-your-component] <h2> Example: building a stopwatch [#example-building-a-stopwatch] <h2> Differences between refs and state [#differences-between-refs-and-state] <h2> When to use refs [#when-to-use-refs] <h2> Best practices for refs [#best-practices-for-refs] <h2> Refs and the DOM [#refs-and-the-dom] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	13	3	/learn/referencing-values-with-refs
<h3> GET STARTED <h3> LEARN REACT <h1> Add React to an Existing Project <h3> Note <h2> Using React for an entire subroute of your existing website [#using-react-for-an-entire-subroute-of-your-existing-website] <h2> Using React for a part of your existing page [#using-react-for-a-part-of-your-existing-page] <h3> Step 1: Set up a modular JavaScript environment [#step-1-set-up-a-modular-javascript-environment] <h3> Note <h3> Step 2: Render React components anywhere on the page [#step-2-render-react-components-anywhere-on-the-page] <h2> Using React Native in an existing native mobile app [#using-react-native-in-an-existing-native-mobile-app] <h2> On this page	11	3	/learn/add-react-to-an-existing-project
<h3> GET STARTED <h3> LEARN REACT <h1> Extracting State Logic into a Reducer <h3> You will learn <h2> Consolidate state logic with a reducer [#consolidate-state-logic-with-a-reducer] <h3> Step 1: Move from setting state to dispatching actions [#step-1-move-from-setting-state-to-dispatching-actions] <h3> Note <h3> Step 2: Write a reducer function [#step-2-write-a-reducer-function] <h3> Note <h3> Step 3: Use the reducer from your component [#step-3-use-the-reducer-from-your-component] <h2> Comparing useState and useReducer [#comparing-usestate-and-usereducer] <h2> Writing reducers well [#writing-reducers-well] <h2> Writing concise reducers with Immer [#writing-concise-reducers-with-immer] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	16	3	/learn/extracting-state-logic-into-a-reducer
<h3> GET STARTED <h3> LEARN REACT <h1> Sharing State Between Components <h3> You will learn <h2> Lifting state up by example [#lifting-state-up-by-example] <h3> Step 1: Remove state from the child components [#step-1-remove-state-from-the-child-components] <h3> Step 2: Pass hardcoded data from the common parent [#step-2-pass-hardcoded-data-from-the-common-parent] <h3> Step 3: Add state to the common parent [#step-3-add-state-to-the-common-parent] <h2> A single source of truth for each state [#a-single-source-of-truth-for-each-state] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	12	3	/learn/sharing-state-between-components
<h3> GET STARTED <h3> LEARN REACT <h1> Editor Setup <h3> You will learn <h2> Your editor [#your-editor] <h2> Recommended text editor features [#recommended-text-editor-features] <h3> Linting [#linting] <h3> Formatting [#formatting] <h2> On this page	9	3	/learn/editor-setup
<h3> GET STARTED <h3> LEARN REACT <h1> Managing State <h3> In this chapter <h2> Reacting to input with state [#reacting-to-input-with-state] <h2> Ready to learn this topic? <h2> Choosing the state structure [#choosing-the-state-structure] <h2> Ready to learn this topic? <h2> Sharing state between components [#sharing-state-between-components] <h2> Ready to learn this topic? <h2> Preserving and resetting state [#preserving-and-resetting-state] <h2> Ready to learn this topic? <h2> Extracting state logic into a reducer [#extracting-state-logic-into-a-reducer] <h2> Ready to learn this topic? <h2> Passing data deeply with context [#passing-data-deeply-with-context] <h2> Ready to learn this topic? <h2> Scaling up with reducer and context [#scaling-up-with-reducer-and-context] <h2> Ready to learn this topic? <h2> What’s next? [#whats-next] <h2> On this page	20	3	/learn/managing-state
<h3> GET STARTED <h3> LEARN REACT <h1> Queueing a Series of State Updates <h3> You will learn <h2> React batches state updates [#react-batches-state-updates] <h2> Updating the same state multiple times before the next render [#updating-the-same-state-multiple-times-before-the-next-render] <h3> What happens if you update state after replacing it [#what-happens-if-you-update-state-after-replacing-it] <h3> Note <h3> What happens if you replace state after updating it [#what-happens-if-you-replace-state-after-updating-it] <h3> Naming conventions [#naming-conventions] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	13	3	/learn/queueing-a-series-of-state-updates
<h3> GET STARTED <h3> LEARN REACT <h1> Scaling Up with Reducer and Context <h3> You will learn <h2> Combining a reducer with context [#combining-a-reducer-with-context] <h3> Step 1: Create the context [#step-1-create-the-context] <h3> Step 2: Put state and dispatch into context [#step-2-put-state-and-dispatch-into-context] <h3> Step 3: Use context anywhere in the tree [#step-3-use-context-anywhere-in-the-tree] <h2> Moving all wiring into a single file [#moving-all-wiring-into-a-single-file] <h3> Note <h2> Recap [#recap] <h2> On this page	12	3	/learn/scaling-up-with-reducer-and-context
<h3> GET STARTED <h3> LEARN REACT <h1> Lifecycle of Reactive Effects <h3> You will learn <h2> The lifecycle of an Effect [#the-lifecycle-of-an-effect] <h3> Note <h3> Why synchronization may need to happen more than once [#why-synchronization-may-need-to-happen-more-than-once] <h3> How React re-synchronizes your Effect [#how-react-re-synchronizes-your-effect] <h3> Thinking from the Effect’s perspective [#thinking-from-the-effects-perspective] <h3> How React verifies that your Effect can re-synchronize [#how-react-verifies-that-your-effect-can-re-synchronize] <h3> How React knows that it needs to re-synchronize the Effect [#how-react-knows-that-it-needs-to-re-synchronize-the-effect] <h3> Each Effect represents a separate synchronization process [#each-effect-represents-a-separate-synchronization-process] <h2> Effects “react” to reactive values [#effects-react-to-reactive-values] <h3> What an Effect with empty dependencies means [#what-an-effect-with-empty-dependencies-means] <h3> All variables declared in the component body are reactive [#all-variables-declared-in-the-component-body-are-reactive] <h3> React verifies that you specified every reactive value as a dependency [#react-verifies-that-you-specified-every-reactive-value-as-a-dependency] <h3> Note <h3> What to do when you don’t want to re-synchronize [#what-to-do-when-you-dont-want-to-re-synchronize] <h3> Pitfall <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	22	3	/learn/lifecycle-of-reactive-effects
<h3> GET STARTED <h3> LEARN REACT <h1> Updating Arrays in State <h3> You will learn <h2> Updating arrays without mutation [#updating-arrays-without-mutation] <h3> Pitfall <h3> Adding to an array [#adding-to-an-array] <h3> Removing from an array [#removing-from-an-array] <h3> Transforming an array [#transforming-an-array] <h3> Replacing items in an array [#replacing-items-in-an-array] <h3> Inserting into an array [#inserting-into-an-array] <h3> Making other changes to an array [#making-other-changes-to-an-array] <h2> Updating objects inside arrays [#updating-objects-inside-arrays] <h3> Write concise update logic with Immer [#write-concise-update-logic-with-immer] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	17	3	/learn/updating-arrays-in-state
<h3> GET STARTED <h3> LEARN REACT <h1> Responding to Events <h3> You will learn <h2> Adding event handlers [#adding-event-handlers] <h3> Pitfall <h3> Reading props in event handlers [#reading-props-in-event-handlers] <h3> Passing event handlers as props [#passing-event-handlers-as-props] <h3> Naming event handler props [#naming-event-handler-props] <h3> Note <h2> Event propagation [#event-propagation] <h3> Pitfall <h3> Stopping propagation [#stopping-propagation] <h3> Passing handlers as alternative to propagation [#passing-handlers-as-alternative-to-propagation] <h3> Preventing default behavior [#preventing-default-behavior] <h2> Can event handlers have side effects? [#can-event-handlers-have-side-effects] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	19	3	/learn/responding-to-events
<h3> GET STARTED <h3> LEARN REACT <h1> Manipulating the DOM with Refs <h3> You will learn <h2> Getting a ref to the node [#getting-a-ref-to-the-node] <h3> Example: Focusing a text input [#example-focusing-a-text-input] <h3> Example: Scrolling to an element [#example-scrolling-to-an-element] <h3> Canary <h2> Accessing another component’s DOM nodes [#accessing-another-components-dom-nodes] <h2> When React attaches the refs [#when-react-attaches-the-refs] <h2> Best practices for DOM manipulation with refs [#best-practices-for-dom-manipulation-with-refs] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	14	3	/learn/manipulating-the-dom-with-refs
<h3> GET STARTED <h3> LEARN REACT <h1> Describing the UI <h3> In this chapter <h2> Your first component [#your-first-component] <h2> Ready to learn this topic? <h2> Importing and exporting components [#importing-and-exporting-components] <h2> Ready to learn this topic? <h2> Writing markup with JSX [#writing-markup-with-jsx] <h2> Ready to learn this topic? <h2> JavaScript in JSX with curly braces [#javascript-in-jsx-with-curly-braces] <h2> Ready to learn this topic? <h2> Passing props to a component [#passing-props-to-a-component] <h2> Ready to learn this topic? <h2> Conditional rendering [#conditional-rendering] <h2> Ready to learn this topic? <h2> Rendering lists [#rendering-lists] <h2> Ready to learn this topic? <h2> Keeping components pure [#keeping-components-pure] <h2> Ready to learn this topic? <h2> Your UI as a tree [#your-ui-as-a-tree] <h2> Ready to learn this topic? <h2> What’s next? [#whats-next] <h2> On this page	24	3	/learn/describing-the-ui
<h3> GET STARTED <h3> LEARN REACT <h1> Escape Hatches <h3> In this chapter <h2> Referencing values with refs [#referencing-values-with-refs] <h2> Ready to learn this topic? <h2> Manipulating the DOM with refs [#manipulating-the-dom-with-refs] <h2> Ready to learn this topic? <h2> Synchronizing with Effects [#synchronizing-with-effects] <h2> Ready to learn this topic? <h2> You Might Not Need An Effect [#you-might-not-need-an-effect] <h2> Ready to learn this topic? <h2> Lifecycle of reactive effects [#lifecycle-of-reactive-effects] <h2> Ready to learn this topic? <h2> Separating events from Effects [#separating-events-from-effects] <h3> Under Construction <h2> Ready to learn this topic? <h2> Removing Effect dependencies [#removing-effect-dependencies] <h2> Ready to learn this topic? <h2> Reusing logic with custom Hooks [#reusing-logic-with-custom-hooks] <h2> Ready to learn this topic? <h2> What’s next? [#whats-next] <h2> On this page	23	3	/learn/escape-hatches
<h3> GET STARTED <h3> LEARN REACT <h1> State as a Snapshot <h3> You will learn <h2> Setting state triggers renders [#setting-state-triggers-renders] <h2> Rendering takes a snapshot in time [#rendering-takes-a-snapshot-in-time] <h2> State over time [#state-over-time] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	10	3	/learn/state-as-a-snapshot
<h3> GET STARTED <h3> LEARN REACT <h1> Passing Data Deeply with Context <h3> You will learn <h2> The problem with passing props [#the-problem-with-passing-props] <h2> Context: an alternative to passing props [#context-an-alternative-to-passing-props] <h3> Step 1: Create the context [#step-1-create-the-context] <h3> Step 2: Use the context [#step-2-use-the-context] <h3> Step 3: Provide the context [#step-3-provide-the-context] <h2> Using and providing context from the same component [#using-and-providing-context-from-the-same-component] <h3> Note <h2> Context passes through intermediate components [#context-passes-through-intermediate-components] <h2> Before you use context [#before-you-use-context] <h2> Use cases for context [#use-cases-for-context] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	17	3	/learn/passing-data-deeply-with-context
<h3> GET STARTED <h3> LEARN REACT <h1> Passing Props to a Component <h3> You will learn <h2> Familiar props [#familiar-props] <h2> Passing props to a component [#passing-props-to-a-component] <h3> Step 1: Pass props to the child component [#step-1-pass-props-to-the-child-component] <h3> Note <h3> Step 2: Read props inside the child component [#step-2-read-props-inside-the-child-component] <h3> Pitfall <h2> Specifying a default value for a prop [#specifying-a-default-value-for-a-prop] <h2> Forwarding props with the JSX spread syntax [#forwarding-props-with-the-jsx-spread-syntax] <h2> Passing JSX as children [#passing-jsx-as-children] <h2> How props change over time [#how-props-change-over-time] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	17	3	/learn/passing-props-to-a-component
<h3> GET STARTED <h3> LEARN REACT <h1> State: A Component's Memory <h3> You will learn <h2> When a regular variable isn’t enough [#when-a-regular-variable-isnt-enough] <h2> Adding a state variable [#adding-a-state-variable] <h3> Meet your first Hook [#meet-your-first-hook] <h3> Pitfall <h3> Anatomy of useState [#anatomy-of-usestate] <h3> Note <h2> Giving a component multiple state variables [#giving-a-component-multiple-state-variables] <h2> State is isolated and private [#state-is-isolated-and-private] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	15	3	/learn/state-a-components-memory
<h3> GET STARTED <h3> LEARN REACT <h1> Keeping Components Pure <h3> You will learn <h2> Purity: Components as formulas [#purity-components-as-formulas] <h2> Side Effects: (un)intended consequences [#side-effects-unintended-consequences] <h3> Local mutation: Your component’s little secret [#local-mutation-your-components-little-secret] <h2> Where you can cause side effects [#where-you-_can_-cause-side-effects] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	11	3	/learn/keeping-components-pure
<h3> GET STARTED <h3> LEARN REACT <h1> Synchronizing with Effects <h3> You will learn <h2> What are Effects and how are they different from events? [#what-are-effects-and-how-are-they-different-from-events] <h3> Note <h2> You might not need an Effect [#you-might-not-need-an-effect] <h2> How to write an Effect [#how-to-write-an-effect] <h3> Step 1: Declare an Effect [#step-1-declare-an-effect] <h3> Pitfall <h3> Step 2: Specify the Effect dependencies [#step-2-specify-the-effect-dependencies] <h3> Pitfall <h3> Step 3: Add cleanup if needed [#step-3-add-cleanup-if-needed] <h2> How to handle the Effect firing twice in development? [#how-to-handle-the-effect-firing-twice-in-development] <h3> Pitfall <h3> Controlling non-React widgets [#controlling-non-react-widgets] <h3> Subscribing to events [#subscribing-to-events] <h3> Triggering animations [#triggering-animations] <h3> Fetching data [#fetching-data] <h3> Sending analytics [#sending-analytics] <h3> Not an Effect: Initializing the application [#not-an-effect-initializing-the-application] <h3> Not an Effect: Buying a product [#not-an-effect-buying-a-product] <h2> Putting it all together [#putting-it-all-together] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	26	3	/learn/synchronizing-with-effects
<h3> GET STARTED <h3> LEARN REACT <h1> Removing Effect Dependencies <h3> You will learn <h2> Dependencies should match the code [#dependencies-should-match-the-code] <h3> To remove a dependency, prove that it’s not a dependency [#to-remove-a-dependency-prove-that-its-not-a-dependency] <h3> To change the dependencies, change the code [#to-change-the-dependencies-change-the-code] <h3> Pitfall <h2> Removing unnecessary dependencies [#removing-unnecessary-dependencies] <h3> Should this code move to an event handler? [#should-this-code-move-to-an-event-handler] <h3> Is your Effect doing several unrelated things? [#is-your-effect-doing-several-unrelated-things] <h3> Are you reading some state to calculate the next state? [#are-you-reading-some-state-to-calculate-the-next-state] <h3> Do you want to read a value without “reacting” to its changes? [#do-you-want-to-read-a-value-without-reacting-to-its-changes] <h3> Under Construction <h3> Does some reactive value change unintentionally? [#does-some-reactive-value-change-unintentionally] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	18	3	/learn/removing-effect-dependencies
<h3> GET STARTED <h3> LEARN REACT <h1> Updating Objects in State <h3> You will learn <h2> What’s a mutation? [#whats-a-mutation] <h2> Treat state as read-only [#treat-state-as-read-only] <h2> Copying objects with the spread syntax [#copying-objects-with-the-spread-syntax] <h2> Updating a nested object [#updating-a-nested-object] <h3> Write concise update logic with Immer [#write-concise-update-logic-with-immer] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	12	3	/learn/updating-objects-in-state
<h3> GET STARTED <h3> LEARN REACT <h1> Installation <h3> In this chapter <h2> Try React [#try-react] <h3> Try React locally [#try-react-locally] <h2> Start a new React project [#start-a-new-react-project] <h2> Add React to an existing project [#add-react-to-an-existing-project] <h2> Next steps [#next-steps] <h2> On this page	10	3	/learn/installation
<h3> GET STARTED <h3> LEARN REACT <h1> Writing Markup with JSX <h3> You will learn <h2> JSX: Putting markup into JavaScript [#jsx-putting-markup-into-javascript] <h3> Note <h2> Converting HTML to JSX [#converting-html-to-jsx] <h3> Note <h2> The Rules of JSX [#the-rules-of-jsx] <h3> 1. Return a single root element [#1-return-a-single-root-element] <h3> 2. Close all the tags [#2-close-all-the-tags] <h3> 3. camelCase all most of the things! [#3-camelcase-salls-most-of-the-things] <h3> Pitfall <h3> Pro-tip: Use a JSX Converter [#pro-tip-use-a-jsx-converter] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	17	3	/learn/writing-markup-with-jsx
<h3> GET STARTED <h3> LEARN REACT <h1> JavaScript in JSX with Curly Braces <h3> You will learn <h2> Passing strings with quotes [#passing-strings-with-quotes] <h2> Using curly braces: A window into the JavaScript world [#using-curly-braces-a-window-into-the-javascript-world] <h3> Where to use curly braces [#where-to-use-curly-braces] <h2> Using “double curlies”: CSS and other objects in JSX [#using-double-curlies-css-and-other-objects-in-jsx] <h3> Pitfall <h2> More fun with JavaScript objects and curly braces [#more-fun-with-javascript-objects-and-curly-braces] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	13	3	/learn/javascript-in-jsx-with-curly-braces
<h3> GET STARTED <h3> LEARN REACT <h1> Understanding Your UI as a Tree <h3> You will learn <h2> Your UI as a tree [#your-ui-as-a-tree] <h2> The Render Tree [#the-render-tree] <h2> The Module Dependency Tree [#the-module-dependency-tree] <h2> Recap [#recap] <h2> On this page	9	3	/learn/understanding-your-ui-as-a-tree
<h3> GET STARTED <h3> LEARN REACT <h1> Separating Events from Effects <h3> You will learn <h2> Choosing between event handlers and Effects [#choosing-between-event-handlers-and-effects] <h3> Event handlers run in response to specific interactions [#event-handlers-run-in-response-to-specific-interactions] <h3> Effects run whenever synchronization is needed [#effects-run-whenever-synchronization-is-needed] <h2> Reactive values and reactive logic [#reactive-values-and-reactive-logic] <h3> Logic inside event handlers is not reactive [#logic-inside-event-handlers-is-not-reactive] <h3> Logic inside Effects is reactive [#logic-inside-effects-is-reactive] <h2> Extracting non-reactive logic out of Effects [#extracting-non-reactive-logic-out-of-effects] <h3> Declaring an Effect Event [#declaring-an-effect-event] <h3> Under Construction <h3> Reading latest props and state with Effect Events [#reading-latest-props-and-state-with-effect-events] <h3> Under Construction <h3> Note <h3> Limitations of Effect Events [#limitations-of-effect-events] <h3> Under Construction <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	21	3	/learn/separating-events-from-effects
<h3> GET STARTED <h3> LEARN REACT <h1> Adding Interactivity <h3> In this chapter <h2> Responding to events [#responding-to-events] <h2> Ready to learn this topic? <h2> State: a component’s memory [#state-a-components-memory] <h2> Ready to learn this topic? <h2> Render and commit [#render-and-commit] <h2> Ready to learn this topic? <h2> State as a snapshot [#state-as-a-snapshot] <h2> Ready to learn this topic? <h2> Queueing a series of state updates [#queueing-a-series-of-state-updates] <h2> Ready to learn this topic? <h2> Updating objects in state [#updating-objects-in-state] <h2> Ready to learn this topic? <h2> Updating arrays in state [#updating-arrays-in-state] <h2> Ready to learn this topic? <h2> What’s next? [#whats-next] <h2> On this page	20	3	/learn/adding-interactivity
<h3> GET STARTED <h3> LEARN REACT <h1> Reusing Logic with Custom Hooks <h3> You will learn <h2> Custom Hooks: Sharing logic between components [#custom-hooks-sharing-logic-between-components] <h3> Extracting your own custom Hook from a component [#extracting-your-own-custom-hook-from-a-component] <h3> Hook names always start with use [#hook-names-always-start-with-use] <h3> Note <h3> Custom Hooks let you share stateful logic, not state itself [#custom-hooks-let-you-share-stateful-logic-not-state-itself] <h2> Passing reactive values between Hooks [#passing-reactive-values-between-hooks] <h3> Passing event handlers to custom Hooks [#passing-event-handlers-to-custom-hooks] <h3> Under Construction <h2> When to use custom Hooks [#when-to-use-custom-hooks] <h3> Custom Hooks help you migrate to better patterns [#custom-hooks-help-you-migrate-to-better-patterns] <h3> There is more than one way to do it [#there-is-more-than-one-way-to-do-it] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	18	3	/learn/reusing-logic-with-custom-hooks
<h3> GET STARTED <h3> LEARN REACT <h1> Rendering Lists <h3> You will learn <h2> Rendering data from arrays [#rendering-data-from-arrays] <h2> Filtering arrays of items [#filtering-arrays-of-items] <h3> Pitfall <h2> Keeping list items in order with key [#keeping-list-items-in-order-with-key] <h3> Note <h3> Where to get your key [#where-to-get-your-key] <h3> Rules of keys [#rules-of-keys] <h3> Why does React need keys? [#why-does-react-need-keys] <h3> Pitfall <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	16	3	/learn/rendering-lists
<h3> GET STARTED <h3> LEARN REACT <h1> Importing and Exporting Components <h3> You will learn <h2> The root component file [#the-root-component-file] <h2> Exporting and importing a component [#exporting-and-importing-a-component] <h3> Note <h2> Exporting and importing multiple components from the same file [#exporting-and-importing-multiple-components-from-the-same-file] <h3> Note <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	12	3	/learn/importing-and-exporting-components
<h3> GET STARTED <h3> LEARN REACT <h1> You Might Not Need an Effect <h3> You will learn <h2> How to remove unnecessary Effects [#how-to-remove-unnecessary-effects] <h3> Updating state based on props or state [#updating-state-based-on-props-or-state] <h3> Caching expensive calculations [#caching-expensive-calculations] <h3> Resetting all state when a prop changes [#resetting-all-state-when-a-prop-changes] <h3> Adjusting some state when a prop changes [#adjusting-some-state-when-a-prop-changes] <h3> Sharing logic between event handlers [#sharing-logic-between-event-handlers] <h3> Sending a POST request [#sending-a-post-request] <h3> Chains of computations [#chains-of-computations] <h3> Initializing the application [#initializing-the-application] <h3> Notifying parent components about state changes [#notifying-parent-components-about-state-changes] <h3> Passing data to the parent [#passing-data-to-the-parent] <h3> Subscribing to an external store [#subscribing-to-an-external-store] <h3> Fetching data [#fetching-data] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	20	3	/learn/you-might-not-need-an-effect
<h3> GET STARTED <h3> LEARN REACT <h1> Choosing the State Structure <h3> You will learn <h2> Principles for structuring state [#principles-for-structuring-state] <h2> Group related state [#group-related-state] <h3> Pitfall <h2> Avoid contradictions in state [#avoid-contradictions-in-state] <h2> Avoid redundant state [#avoid-redundant-state] <h2> Avoid duplication in state [#avoid-duplication-in-state] <h2> Avoid deeply nested state [#avoid-deeply-nested-state] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	14	3	/learn/choosing-the-state-structure
<h3> GET STARTED <h3> LEARN REACT <h1> React Developer Tools <h3> You will learn <h2> Browser extension [#browser-extension] <h3> Safari and other browsers [#safari-and-other-browsers] <h2> Mobile (React Native) [#mobile-react-native] <h2> On this page	8	3	/learn/react-developer-tools
<h3> GET STARTED <h3> LEARN REACT <h1> Reacting to Input with State <h3> You will learn <h2> How declarative UI compares to imperative [#how-declarative-ui-compares-to-imperative] <h2> Thinking about UI declaratively [#thinking-about-ui-declaratively] <h3> Step 1: Identify your component’s different visual states [#step-1-identify-your-components-different-visual-states] <h3> Step 2: Determine what triggers those state changes [#step-2-determine-what-triggers-those-state-changes] <h3> Note <h3> Step 3: Represent the state in memory with useState [#step-3-represent-the-state-in-memory-with-usestate] <h3> Step 4: Remove any non-essential state variables [#step-4-remove-any-non-essential-state-variables] <h3> Step 5: Connect the event handlers to set state [#step-5-connect-the-event-handlers-to-set-state] <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	15	3	/learn/reacting-to-input-with-state
<h3> GET STARTED <h3> LEARN REACT <h1> Your First Component <h3> You will learn <h2> Components: UI building blocks [#components-ui-building-blocks] <h2> Defining a component [#defining-a-component] <h3> Step 1: Export the component [#step-1-export-the-component] <h3> Step 2: Define the function [#step-2-define-the-function] <h3> Pitfall <h3> Step 3: Add markup [#step-3-add-markup] <h3> Pitfall <h2> Using a component [#using-a-component] <h3> What the browser sees [#what-the-browser-sees] <h3> Nesting and organizing components [#nesting-and-organizing-components] <h3> Pitfall <h2> Recap [#recap] <h2> Try out some challenges [#challenges] <h2> On this page	18	3	/learn/your-first-component
<h1> React <h2> Create user interfaces from components <h3> Video.js <h3> My video <h2> Write components with code and markup <h3> VideoList.js <h2> 3 Videos <h3> First video <h3> Second video <h3> Third video <h2> Add interactivity wherever you need it <h3> SearchableVideoList.js <h1> React Videos <h2> 5 Videos <h3> React: The Documentary <h3> Rethinking Best Practices <h3> Introducing React Native <h3> Introducing React Hooks <h3> Introducing Server Components <h2> Go full-stack with a framework <h3> confs/[slug].js <h2> 19 Videos <h3> React 18 Keynote <h3> React 18 for App Developers <h3> Streaming Server Rendering with Suspense <h3> The First React Working Group <h3> React Developer Tooling <h3> React without memo <h3> React Docs Keynote <h3> Things I Learnt from the New React Docs <h3> Learning in the Browser <h3> The ROI of Designing with React <h3> Interactive Playgrounds with React <h3> Re-introducing Relay <h3> React Native Desktop <h3> On-device Machine Learning for React Native <h3> React 18 for External Store Libraries <h3> Building Accessible Components with React 18 <h3> Accessible Japanese Form Components with React <h3> UI Tools for Artists <h3> Hydrogen + React 18 <h2> Use the best from every platform <h2> Upgrade when the future is ready <h2> React Conf 2024 Recap <h2> React 19 RC <h2> React 19 RC Upgrade Guide <h2> React Labs: February 2024 <h2> Join a community of millions <h2> Welcome to the React community	49	2	/
<h3> GET STARTED <h3> LEARN REACT <h1> Thinking in React <h2> Start with the mockup [#start-with-the-mockup] <h2> Step 1: Break the UI into a component hierarchy [#step-1-break-the-ui-into-a-component-hierarchy] <h2> Step 2: Build a static version in React [#step-2-build-a-static-version-in-react] <h3> Pitfall <h2> Step 3: Find the minimal but complete representation of UI state [#step-3-find-the-minimal-but-complete-representation-of-ui-state] <h2> Step 4: Identify where your state should live [#step-4-identify-where-your-state-should-live] <h2> Step 5: Add inverse data flow [#step-5-add-inverse-data-flow] <h2> Where to go from here [#where-to-go-from-here] <h2> On this page	12	2	/learn/thinking-in-react
<h3> GET STARTED <h3> LEARN REACT <h1> Start a New React Project <h2> Production-grade React frameworks [#production-grade-react-frameworks] <h3> Next.js [#nextjs-pages-router] <h3> Remix [#remix] <h3> Gatsby [#gatsby] <h3> Expo (for native apps) [#expo] <h2> Bleeding-edge React frameworks [#bleeding-edge-react-frameworks] <h3> Next.js (App Router) [#nextjs-app-router] <h2> On this page	11	2	/learn/start-a-new-react-project
<h3> GET INVOLVED <h1> React Community <h2> Code of Conduct [#code-of-conduct] <h2> Stack Overflow [#stack-overflow] <h2> Popular Discussion Forums [#popular-discussion-forums] <h2> News [#news] <h2> On this page	7	1	/community
<h3> GET INVOLVED <h1> Translations <h2> Source site [#main-site] <h2> Full translations [#full-translations] <h2> In-progress translations [#in-progress-translations] <h2> How to contribute [#how-to-contribute] <h2> On this page	7	1	/community/translations
<h3> GET INVOLVED <h1> React Meetups <h2> Albania [#albania] <h2> Argentina [#argentina] <h2> Australia [#australia] <h2> Austria [#austria] <h2> Belgium [#belgium] <h2> Brazil [#brazil] <h2> Bolivia [#bolivia] <h2> Canada [#canada] <h2> Chile [#chile] <h2> China [#china] <h2> Colombia [#colombia] <h2> Denmark [#denmark] <h2> Egypt [#egypt] <h2> England (UK) [#england-uk] <h2> France [#france] <h2> Germany [#germany] <h2> Greece [#greece] <h2> Hungary [#hungary] <h2> India [#india] <h2> Indonesia [#indonesia] <h2> Ireland [#ireland] <h2> Israel [#israel] <h2> Italy [#italy] <h2> Kenya [#kenya] <h2> Malaysia [#malaysia] <h2> Netherlands [#netherlands] <h2> New Zealand [#new-zealand] <h2> Norway [#norway] <h2> Pakistan [#pakistan] <h2> Panama [#panama] <h2> Peru [#peru] <h2> Philippines [#philippines] <h2> Poland [#poland] <h2> Portugal [#portugal] <h2> Scotland (UK) [#scotland-uk] <h2> Spain [#spain] <h2> Sweden [#sweden] <h2> Switzerland [#switzerland] <h2> Turkey [#turkey] <h2> Ukraine [#ukraine] <h2> US [#us] <h2> On this page	44	1	/community/meetups
<h3> GET INVOLVED <h1> React Videos <h2> React Conf 2021 [#react-conf-2021] <h3> React 18 Keynote [#react-18-keynote] <h3> React 18 for Application Developers [#react-18-for-application-developers] <h3> Streaming Server Rendering with Suspense [#streaming-server-rendering-with-suspense] <h3> The first React working group [#the-first-react-working-group] <h3> React Developer Tooling [#react-developer-tooling] <h3> React without memo [#react-without-memo] <h3> React docs keynote [#react-docs-keynote] <h3> And more… [#and-more] <h2> Older videos [#older-videos] <h3> React Conf 2019 [#react-conf-2019] <h3> React Conf 2018 [#react-conf-2018] <h3> React.js Conf 2017 [#reactjs-conf-2017] <h3> React.js Conf 2016 [#reactjs-conf-2016] <h3> React.js Conf 2015 [#reactjs-conf-2015] <h3> Rethinking Best Practices [#rethinking-best-practices] <h3> Introduction to React [#introduction-to-react] <h2> On this page	20	1	/community/videos
<h3> GET INVOLVED <h1> Docs Contributors <h2> Content [#content] <h2> Design [#design] <h2> Development [#development] <h2> On this page	6	1	/community/docs-contributors
<h3> GET INVOLVED <h1> Versioning Policy <h2> Stable releases [#stable-releases] <h3> Breaking Changes [#breaking-changes] <h3> Commitment to stability [#commitment-to-stability] <h3> Gradual upgrades via warnings [#gradual-upgrades-via-warnings] <h3> What counts as a breaking change? [#what-counts-as-a-breaking-change] <h3> If a minor release includes no new features, why isn’t it a patch? [#if-a-minor-release-includes-no-new-features-why-isnt-it-a-patch] <h2> All release channels [#all-release-channels] <h3> Note <h3> Latest channel [#latest-channel] <h3> Canary channel [#canary-channel] <h3> Experimental channel [#experimental-channel] <h2> On this page	14	1	/community/versioning-policy
<h1> React Labs: What We've Been Working On – February 2024 <h3> Note <h2> React Compiler [#react-compiler] <h2> Actions [#actions] <h2> New Features in React Canary [#new-features-in-react-canary] <h2> The Next Major Version of React [#the-next-major-version-of-react] <h2> Offscreen (renamed to Activity). [#offscreen-renamed-to-activity]	7	1	/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024
<h3> GET INVOLVED <h1> Acknowledgements <h2> Past contributors [#past-contributors] <h2> Additional Thanks [#additional-thanks] <h2> On this page	5	1	/community/acknowledgements
<h1> How to Upgrade to React 18 <h3> Note <h2> Installing [#installing] <h2> Updates to Client Rendering APIs [#updates-to-client-rendering-apis] <h3> Note <h3> Note <h2> Updates to Server Rendering APIs [#updates-to-server-rendering-apis] <h2> Updates to TypeScript definitions [#updates-to-typescript-definitions] <h2> Automatic Batching [#automatic-batching] <h2> New APIs for Libraries [#new-apis-for-libraries] <h2> Updates to Strict Mode [#updates-to-strict-mode] <h2> Configuring Your Testing Environment [#configuring-your-testing-environment] <h2> Dropping Support for Internet Explorer [#dropping-support-for-internet-explorer] <h2> Deprecations [#deprecations] <h2> Other Breaking Changes [#other-breaking-changes] <h2> Other Notable Changes [#other-notable-changes] <h3> React [#react] <h3> React DOM Server [#react-dom-server] <h2> Changelog [#changelog]	19	1	/blog/2022/03/08/react-18-upgrade-guide
<h1> React 19 RC Upgrade Guide <h3> Note <h2> Installing [#installing] <h3> Note <h2> Codemods [#codemods] <h3> Note <h2> Breaking changes [#breaking-changes] <h3> Errors in render are not re-thrown [#errors-in-render-are-not-re-thrown] <h3> Removed deprecated React APIs [#removed-deprecated-react-apis] <h3> Note <h3> Note <h3> Note <h3> Removed deprecated React DOM APIs [#removed-deprecated-react-dom-apis] <h3> Note <h3> Note <h3> Note <h3> Note <h2> New deprecations [#new-deprecations] <h3> Deprecated: element.ref [#deprecated-element-ref] <h3> Deprecated: react-test-renderer [#deprecated-react-test-renderer] <h2> Notable changes [#notable-changes] <h3> StrictMode changes [#strict-mode-improvements] <h3> UMD builds removed [#umd-builds-removed] <h3> Libraries depending on React internals may block upgrades [#libraries-depending-on-react-internals-may-block-upgrades] <h2> TypeScript changes [#typescript-changes] <h3> Removed deprecated TypeScript types [#removed-deprecated-typescript-types] <h3> Note <h3> ref cleanups required [#ref-cleanup-required] <h3> useRef requires an argument [#useref-requires-argument] <h3> Changes to the ReactElement TypeScript type [#changes-to-the-reactelement-typescript-type] <h3> The JSX namespace in TypeScript [#the-jsx-namespace-in-typescript] <h3> Better useReducer typings [#better-usereducer-typings] <h2> Changelog [#changelog] <h3> Other breaking changes [#other-breaking-changes] <h3> Other notable changes [#other-notable-changes]	35	1	/blog/2024/04/25/react-19-upgrade-guide
<h3> GET INVOLVED <h1> Meet the Team <h2> React Core [#react-core] <h3> Andrew Clark [#andrew-clark] <h3> Dan Abramov [#dan-abramov] <h3> Eli White [#eli-white] <h3> Jack Pope [#jack-pope] <h3> Jason Bonta [#jason-bonta] <h3> Joe Savona [#joe-savona] <h3> Josh Story [#josh-story] <h3> Lauren Tan [#lauren-tan] <h3> Luna Wei [#luna-wei] <h3> Matt Carroll [#matt-carroll] <h3> Mofei Zhang [#mofei-zhang] <h3> Noah Lemen [#noah-lemen] <h3> Rick Hanlon [#rick-hanlon] <h3> Ruslan Lesiutin [#ruslan-lesiutin] <h3> Sathya Gunasekaran [#sathya-gunasekaran] <h3> Sebastian Markbåge [#sebastian-markbåge] <h3> Sebastian Silbermann [#sebastian-silbermann] <h3> Seth Webster [#seth-webster] <h3> Sophie Alpert [#sophie-alpert] <h3> Tianyu Yao [#tianyu-yao] <h3> Yuzhi Zheng [#yuzhi-zheng] <h2> Past contributors [#past-contributors] <h2> On this page	26	1	/community/team
<h1> React v18.0 <h3> Note <h2> What is Concurrent React? [#what-is-concurrent-react] <h2> Gradually Adopting Concurrent Features [#gradually-adopting-concurrent-features] <h2> Suspense in Data Frameworks [#suspense-in-data-frameworks] <h2> Server Components is Still in Development [#server-components-is-still-in-development] <h2> What’s New in React 18 [#whats-new-in-react-18] <h3> New Feature: Automatic Batching [#new-feature-automatic-batching] <h3> New Feature: Transitions [#new-feature-transitions] <h3> New Suspense Features [#new-suspense-features] <h3> New Client and Server Rendering APIs [#new-client-and-server-rendering-apis] <h3> New Strict Mode Behaviors [#new-strict-mode-behaviors] <h3> New Hooks [#new-hooks] <h2> How to Upgrade [#how-to-upgrade] <h2> Changelog [#changelog] <h3> React [#react] <h3> React DOM [#react-dom] <h3> React DOM Server [#react-dom-server-1] <h3> React DOM Test Utils [#react-dom-test-utils] <h3> React Refresh [#react-refresh] <h3> Server Components (Experimental) [#server-components-experimental]	21	1	/blog/2022/03/29/react-v18
<h3> GET INVOLVED <h1> React Conferences <h2> Upcoming Conferences [#upcoming-conferences] <h3> React Nexus 2024 [#react-nexus-2024] <h3> Chain React 2024 [#chain-react-2024] <h3> The Geek Conf 2024 [#the-geek-conf-2024] <h3> React Rally 2024 🐙 [#react-rally-2024] <h3> React Universe Conf 2024 [#react-universe-conf-2024] <h3> React Alicante 2024 [#react-alicante-2024] <h3> RenderCon Kenya 2024 [#rendercon-kenya-2024] <h3> React India 2024 [#react-india-2024] <h3> React Brussels 2024 [#react-brussels-2024] <h3> React Africa 2024 [#react-africa-2024] <h2> Past Conferences [#past-conferences] <h3> React Summit 2024 [#react-summit-2024] <h3> React Norway 2024 [#react-norway-2024] <h3> Render(ATL) 2024 🍑 [#renderatl-2024-] <h3> Frontend Nation 2024 [#frontend-nation-2024] <h3> App.js Conf 2024 [#appjs-conf-2024] <h3> React Conf 2024 [#react-conf-2024] <h3> React Native Connection 2024 [#react-native-connection-2024] <h3> React Miami 2024 [#react-miami-2024] <h3> Epic Web Conf 2024 [#epic-web-2024] <h3> React Paris 2024 [#react-paris-2024] <h3> React Day Berlin 2023 [#react-day-berlin-2023] <h3> React Summit US 2023 [#react-summit-us-2023] <h3> reactjsday 2023 [#reactjsday-2023] <h3> React Advanced 2023 [#react-advanced-2023] <h3> React Brussels 2023 [#react-brussels-2023] <h3> React India 2023 [#react-india-2023] <h3> RenderCon Kenya 2023 [#rendercon-kenya-2023] <h3> React Live 2023 [#react-live-2023] <h3> React Alicante 2023 [#react-alicante-2023] <h3> RedwoodJS Conference 2023 [#redwoodjs-conference-2023] <h3> React Native EU 2023 [#react-native-eu-2023] <h3> React Rally 2023 🐙 [#react-rally-2023] <h3> React Nexus 2023 [#react-nexus-2023] <h3> ReactNext 2023 [#reactnext-2023] <h3> React Norway 2023 [#react-norway-2023] <h3> React Summit 2023 [#react-summit-2023] <h3> Render(ATL) 2023 🍑 [#renderatl-2023-] <h3> Chain React 2023 [#chain-react-2023] <h3> App.js Conf 2023 [#appjs-conf-2023] <h3> RemixConf 2023 [#remixconf-2023] <h3> Reactathon 2023 [#reactathon-2023] <h3> React Miami 2023 [#react-miami-2023] <h3> React Day Berlin 2022 [#react-day-berlin-2022] <h3> React Global Online Summit 22.2 by Geekle [#react-global-online-summit-222-by-geekle] <h3> Remix Conf Europe 2022 [#remix-conf-europe-2022] <h3> React Advanced 2022 [#react-advanced-2022] <h3> ReactJS Day 2022 [#reactjs-day-2022] <h3> React Brussels 2022 [#react-brussels-2022] <h3> React Alicante 2022 [#react-alicante-2022] <h3> React India 2022 [#react-india-2022] <h3> React Finland 2022 [#react-finland-2022] <h3> React Native EU 2022: Powered by callstack [#react-native-eu-2022-powered-by-callstack] <h3> ReactNext 2022 [#reactnext-2022] <h3> React Norway 2022 [#react-norway-2022] <h3> React Summit 2022 [#react-summit-2022] <h3> App.js Conf 2022 [#appjs-conf-2022] <h3> React Day Bangalore 2022 [#react-day-bangalore-2022] <h3> render(ATL) 2022 🍑 [#renderatl-2022-] <h3> RemixConf 2022 [#remixconf-2022] <h3> Reactathon 2022 [#reactathon-2022] <h3> React Global Online Summit 2022 by Geekle [#react-global-online-summit-2022-by-geekle] <h3> React Miami 2022 🌴 [#react-miami-2022-] <h3> React Live 2022 [#react-live-2022] <h3> AgentConf 2022 [#agentconf-2022] <h3> React Conf 2021 [#react-conf-2021] <h3> ReactEurope 2021 [#reacteurope-2021] <h3> ReactNext 2021 [#reactnext-2021] <h3> React India 2021 [#react-india-2021] <h3> React Global by Geekle [#react-global-by-geekle] <h3> React Advanced 2021 [#react-advanced-2021] <h3> React Conf Brasil 2021 [#react-conf-brasil-2021] <h3> React Brussels 2021 [#react-brussels-2021] <h3> render(ATL) 2021 [#renderatl-2021] <h3> React Native EU 2021 [#react-native-eu-2021] <h3> React Finland 2021 [#react-finland-2021] <h3> React Case Study Festival 2021 [#react-case-study-festival-2021] <h3> React Summit - Remote Edition 2021 [#react-summit---remote-edition-2021] <h3> React fwdays’21 [#react-fwdays21] <h3> React Next 2020 [#react-next-2020] <h3> React Conf Brasil 2020 [#react-conf-brasil-2020] <h3> React Summit 2020 [#react-summit-2020] <h3> React Native EU 2020 [#react-native-eu-2020] <h3> ReactEurope 2020 [#reacteurope-2020] <h3> Byteconf React 2020 [#byteconf-react-2020] <h3> React Summit - Remote Edition 2020 [#react-summit---remote-edition-2020] <h3> Reactathon 2020 [#reactathon-2020] <h3> ReactConf AU 2020 [#reactconf-au-2020] <h3> React Barcamp Cologne 2020 [#react-barcamp-cologne-2020] <h3> React Day Berlin 2019 [#react-day-berlin-2019] <h3> React Summit 2019 [#react-summit-2019] <h3> React Conf Brasil 2019 [#react-conf-brasil-2019] <h3> React Advanced 2019 [#react-advanced-2019] <h3> React Conf 2019 [#react-conf-2019] <h3> React Alicante 2019 [#react-alicante-2019] <h3> React India 2019 [#react-india-2019] <h3> React Boston 2019 [#react-boston-2019] <h3> React Live 2019 [#react-live-2019] <h3> React New York 2019 [#react-new-york-2019] <h3> ComponentsConf 2019 [#componentsconf-2019] <h3> React Native EU 2019 [#react-native-eu-2019] <h3> React Conf Iran 2019 [#react-conf-iran-2019] <h3> React Rally 2019 [#react-rally-2019] <h3> Chain React 2019 [#chain-react-2019] <h3> React Loop 2019 [#react-loop-2019] <h3> React Norway 2019 [#react-norway-2019] <h3> ReactNext 2019 [#reactnext-2019] <h3> React Conf Armenia 2019 [#react-conf-armenia-2019] <h3> ReactEurope 2019 [#reacteurope-2019] <h3> React.NotAConf 2019 [#reactnotaconf-2019] <h3> ReactJS Girls Conference [#reactjs-girls-conference] <h3> React Finland 2019 [#react-finland-2019] <h3> React Amsterdam 2019 [#react-amsterdam-2019] <h3> App.js Conf 2019 [#appjs-conf-2019] <h3> Reactathon 2019 [#reactathon-2019] <h3> React Iran 2019 [#react-iran-2019] <h3> React Day Berlin 2018 [#react-day-berlin-2018] <h3> ReactNext 2018 [#reactnext-2018] <h3> React Conf 2018 [#react-conf-2018] <h3> React Conf Brasil 2018 [#react-conf-brasil-2018] <h3> ReactJS Day 2018 [#reactjs-day-2018] <h3> React Boston 2018 [#react-boston-2018] <h3> React Alicante 2018 [#react-alicante-2018] <h3> React Native EU 2018 [#react-native-eu-2018] <h3> Byteconf React 2018 [#byteconf-react-2018] <h3> ReactFoo Delhi [#reactfoo-delhi] <h3> React DEV Conf China [#react-dev-conf-china] <h3> React Rally 2018 [#react-rally-2018] <h3> Chain React 2018 [#chain-react-2018] <h3> ReactFoo Mumbai [#reactfoo-mumbai] <h3> ReactEurope 2018 [#reacteurope-2018] <h3> React.NotAConf 2018 [#reactnotaconf-2018] <h3> React Finland 2018 [#react-finland-2018] <h3> React Amsterdam 2018 [#react-amsterdam-2018] <h3> React Native Camp UA 2018 [#react-native-camp-ua-2018] <h3> Reactathon 2018 [#reactathon-2018] <h3> ReactFest 2018 [#reactfest-2018] <h3> AgentConf 2018 [#agentconf-2018] <h3> ReactFoo Pune [#reactfoo-pune] <h3> React Day Berlin 2017 [#react-day-berlin-2017] <h3> React Seoul 2017 [#react-seoul-2017] <h3> ReactiveConf 2017 [#reactiveconf-2017] <h3> React Summit 2017 [#react-summit-2017] <h3> State.js Conference 2017 [#statejs-conference-2017] <h3> React Conf Brasil 2017 [#react-conf-brasil-2017] <h3> ReactJS Day 2017 [#reactjs-day-2017] <h3> React Alicante 2017 [#react-alicante-2017] <h3> React Boston 2017 [#react-boston-2017] <h3> ReactFoo 2017 [#reactfoo-2017] <h3> ReactNext 2017 [#reactnext-2017] <h3> React Native EU 2017 [#react-native-eu-2017] <h3> React Rally 2017 [#react-rally-2017] <h3> Chain React 2017 [#chain-react-2017] <h3> ReactEurope 2017 [#reacteurope-2017] <h3> React Amsterdam 2017 [#react-amsterdam-2017] <h3> React London 2017 [#react-london-2017] <h3> React Conf 2017 [#react-conf-2017] <h3> Agent Conference 2017 [#agent-conference-2017] <h3> React Remote Conf 2016 [#react-remote-conf-2016] <h3> Reactive 2016 [#reactive-2016] <h3> ReactNL 2016 [#reactnl-2016] <h3> ReactNext 2016 [#reactnext-2016] <h3> ReactRally 2016 [#reactrally-2016] <h3> ReactEurope 2016 [#reacteurope-2016] <h3> React Amsterdam 2016 [#react-amsterdam-2016] <h3> React.js Conf 2016 [#reactjs-conf-2016] <h3> Reactive 2015 [#reactive-2015] <h3> ReactEurope 2015 [#reacteurope-2015] <h3> React.js Conf 2015 [#reactjs-conf-2015] <h2> On this page	173	1	/community/conferences
<h1> The Plan for React 18 <h2> What’s coming in React 18 [#whats-coming-in-react-18] <h2> A gradual adoption strategy [#a-gradual-adoption-strategy] <h2> Working with the community [#working-with-the-community] <h2> Accessing the React 18 Working Group [#accessing-the-react-18-working-group] <h2> How to try React 18 Alpha today [#how-to-try-react-18-alpha-today] <h2> Projected React 18 release timeline [#projected-react-18-release-timeline]	7	0	/blog/2021/06/08/the-plan-for-react-18
<h1> React Conf 2024 Recap <h2> Day 1 [#day-1] <h2> Day 2 [#day-2] <h2> Q&A [#q-and-a] <h2> And more… [#and-more] <h2> Thank you [#thank-you]	6	0	/blog/2024/05/22/react-conf-2024-recap
<h1> React Blog <h2> React Conf 2024 Recap <h2> React 19 RC <h2> React 19 RC Upgrade Guide <h2> React Labs: What We've Been Working On – February 2024 <h2> React Canaries: Incremental Feature Rollout Outside Meta <h2> React Labs: What We've Been Working On – March 2023 <h2> Introducing react.dev <h2> React Labs: What We've Been Working On – June 2022 <h2> React v18.0 <h2> How to Upgrade to React 18 <h2> React Conf 2021 Recap <h2> The Plan for React 18 <h2> Introducing Zero-Bundle-Size React Server Components <h3> All release notes [#all-release-notes] <h3> Older posts [#older-posts]	16	0	/blog
<h1> Introducing react.dev <h2> tl;dr [#tldr] <h2> New site, new domain, new homepage [#new-site-new-domain-new-homepage] <h2> Going all-in on modern React with Hooks [#going-all-in-on-modern-react-with-hooks] <h3> Note <h2> Quick start [#quick-start] <h3> Note <h2> Learn React step by step [#learn-react-step-by-step] <h3> Check your understanding with challenges [#check-your-understanding-with-challenges] <h3> Build an intuition with diagrams and illustrations [#build-an-intuition-with-diagrams-and-illustrations] <h2> A new, detailed API Reference [#a-new-detailed-api-reference] <h2> What’s next? [#whats-next] <h2> Who worked on this? [#who-worked-on-this]	13	0	/blog/2023/03/16/introducing-react-dev
<h1> React Conf 2021 Recap <h2> React 18 and concurrent features [#react-18-and-concurrent-features] <h2> React 18 for Application Developers [#react-18-for-application-developers] <h2> Streaming Server Rendering with Suspense [#streaming-server-rendering-with-suspense] <h2> The first React working group [#the-first-react-working-group] <h2> React Developer Tooling [#react-developer-tooling] <h2> React without memo [#react-without-memo] <h2> React docs keynote [#react-docs-keynote] <h2> And more… [#and-more] <h2> Thank you [#thank-you]	10	0	/blog/2021/12/17/react-conf-2021-recap
<h1> React Labs: What We've Been Working On – March 2023 <h2> React Server Components [#react-server-components] <h2> Asset Loading [#asset-loading] <h2> Document Metadata [#document-metadata] <h2> React Optimizing Compiler [#react-optimizing-compiler] <h2> Offscreen Rendering [#offscreen-rendering] <h2> Transition Tracing [#transition-tracing]	7	0	/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023
<h1> Introducing Zero-Bundle-Size React Server Components	1	0	/blog/2020/12/21/data-fetching-with-react-server-components
<h1> React Labs: What We've Been Working On – June 2022 <h2> Server Components [#server-components] <h2> Asset Loading [#asset-loading] <h2> Static Server Rendering Optimizations [#static-server-rendering-optimizations] <h2> React Optimizing Compiler [#react-compiler] <h2> Offscreen [#offscreen] <h2> Transition Tracing [#transition-tracing] <h2> New React Docs [#new-react-docs]	8	0	/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022
<h1> React Canaries: Enabling Incremental Feature Rollout Outside Meta <h2> tl;dr [#tldr] <h2> How React features are usually developed [#how-react-features-are-usually-developed] <h2> Can we just do more minor releases? [#can-we-just-do-more-minor-releases] <h2> Why not use experimental releases instead? [#why-not-use-experimental-releases-instead] <h2> Announcing breaking changes and new features early [#announcing-breaking-changes-and-new-features-early] <h2> Canaries must be pinned [#canaries-must-be-pinned] <h2> Example: React Server Components [#example-react-server-components] <h2> Testing libraries against both Stable and Canary versions [#testing-libraries-against-both-stable-and-canary-versions] <h3> Note <h2> Stable releases work like before [#stable-releases-work-like-before]	11	0	/blog/2023/05/03/react-canaries
<h1> React 19 RC <h2> What’s new in React 19 [#whats-new-in-react-19] <h3> Actions [#actions] <h3> Note <h3> New hook: useActionState [#new-hook-useactionstate] <h3> Note <h3> React DOM: <form> Actions [#form-actions] <h3> React DOM: New hook: useFormStatus [#new-hook-useformstatus] <h3> New hook: useOptimistic [#new-hook-optimistic-updates] <h3> New API: use [#new-feature-use] <h3> Note <h2> React Server Components [#react-server-components] <h3> Server Components [#server-components] <h3> Note <h3> Server Actions [#server-actions] <h3> Note <h2> Improvements in React 19 [#improvements-in-react-19] <h3> ref as a prop [#ref-as-a-prop] <h3> Note <h3> Diffs for hydration errors [#diffs-for-hydration-errors] <h3> <Context> as a provider [#context-as-a-provider] <h3> Cleanup functions for refs [#cleanup-functions-for-refs] <h3> Note <h3> useDeferredValue initial value [#use-deferred-value-initial-value] <h3> Support for Document Metadata [#support-for-metadata-tags] <h3> Note <h3> Support for stylesheets [#support-for-stylesheets] <h3> Support for async scripts [#support-for-async-scripts] <h3> Support for preloading resources [#support-for-preloading-resources] <h3> Compatibility with third-party scripts and extensions [#compatibility-with-third-party-scripts-and-extensions] <h3> Better error reporting [#error-handling] <h3> Support for Custom Elements [#support-for-custom-elements]	32	0	/blog/2024/04/25/react-19
No rows found, please edit your search term.

(+) Show entire table

Image Gallery

981 B (image/jpeg), found as <img src> on https://react.dev/

1 kB (image/jpeg), found as <img src> on https://react.dev/

54 kB (image/png), found as <img src> on https://react.dev/

25 kB (image/webp), found as <img src> on https://react.dev/

5 kB (image/jpeg), found as <img src> on https://react.dev/

29 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

22 kB (image/png), found as <img src> on https://react.dev/learn/render-and-commit

25 kB (image/webp), found as <img src> on https://react.dev/learn

21 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

19 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

40 kB (image/webp), found as <img src> on https://react.dev/reference/rsc/use-client

3 kB (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

32 kB (image/webp), found as <img src> on https://react.dev/reference/rsc/use-client

62 kB (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

23 kB (image/png), found as <img src> on https://react.dev/learn/referencing-values-with-refs

2 kB (image/jpeg), found as <img src> on https://react.dev/

23 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

20 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

18 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

13 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

17 kB (image/webp), found as <img src> on https://react.dev/learn

19 kB (image/gif), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

35 kB (image/webp), found as <img src> on https://react.dev/reference/rsc/use-client

4 kB (image/jpeg), found as <img src> on https://react.dev/

21 kB (image/webp), found as <img src> on https://react.dev/

81 kB (image/png), found as <img src> on https://react.dev/learn/thinking-in-react

15 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

17 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

1 kB (image/svg+xml), found as <img src> on https://react.dev/

39 kB (image/webp), found as <img src> on https://react.dev/learn/describing-the-ui

20 kB (image/webp), found as <img src> on https://react.dev/learn/describing-the-ui

245 kB (image/gif), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

20 kB (image/webp), found as <img src> on https://react.dev/

764 B (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

30 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

9 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

28 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

17 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

18 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

159 kB (image/gif), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

594 B (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

14 kB (image/webp), found as <img src> on https://react.dev/learn

25 kB (image/png), found as <img src> on https://react.dev/learn/render-and-commit

22 kB (image/webp), found as <img src> on https://react.dev/

18 kB (image/webp), found as <img src> on https://react.dev/

30 kB (image/png), found as <img src> on https://react.dev/learn/render-and-commit

51 kB (image/png), found as <img src> on https://react.dev/learn/state-as-a-snapshot

27 kB (image/png), found as <img src> on https://react.dev/learn/render-and-commit

57 kB (image/png), found as <img src> on https://react.dev/learn/passing-props-to-a-component

59 kB (image/png), found as <img src> on https://react.dev/learn/state-as-a-snapshot

19 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

503 B (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

809 B (image/jpeg), found as <img src> on https://react.dev/

8 kB (image/jpeg), found as CSS url() on https://react.dev/

27 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

5 kB (image/jpeg), found as CSS url() on https://react.dev/

23 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

54 kB (image/png), found as <img src> on https://react.dev/learn/state-as-a-snapshot

1018 B (image/jpeg), found as <img src> on https://react.dev/

24 kB (image/webp), found as <img src> on https://react.dev/learn

55 kB (image/webp), found as <img src> on https://react.dev/

48 kB (image/png), found as <img src> on https://react.dev/learn/keeping-components-pure

9 kB (image/png), found as <img src> on https://react.dev/learn/state-as-a-snapshot

18 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

2 kB (image/png), found as CSS url() on https://react.dev/_next/static/css/70006ba8a90671f5.css

21 kB (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

24 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

38 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

28 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

83 kB (image/png), found as <img src> on https://react.dev/reference/react/useDebugValue

32 kB (image/png), found as <img src> on https://react.dev/learn/state-as-a-snapshot

41 kB (image/webp), found as <img src> on https://react.dev/

16 kB (image/webp), found as <img src> on https://react.dev/learn/writing-markup-with-jsx

9 kB (image/webp), found as <img src> on https://react.dev/learn/writing-markup-with-jsx

18 kB (image/webp), found as <img src> on https://react.dev/learn/writing-markup-with-jsx

12 kB (image/webp), found as <img src> on https://react.dev/learn/writing-markup-with-jsx

21 kB (image/webp), found as <img src> on https://react.dev/learn

10 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

16 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

29 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

26 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

22 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

23 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

33 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

34 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

27 kB (image/webp), found as <img src> on https://react.dev/learn/understanding-your-ui-as-a-tree

6 kB (image/webp), found as <img src> on https://react.dev/

25 kB (image/png), found as <img src> on https://react.dev/learn/thinking-in-react

786 B (image/jpeg), found as <img src> on https://react.dev/

17 kB (image/webp), found as <img src> on https://react.dev/learn/sharing-state-between-components

10 kB (image/webp), found as CSS url() on https://react.dev/

29 kB (image/webp), found as <img src> on https://react.dev/reference/rsc/use-client

38 kB (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

13 kB (image/jpeg), found as CSS url() on https://react.dev/

15 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

45 kB (image/webp), found as <img src> on https://react.dev/reference/rsc/use-client

148 B (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

6 kB (image/jpeg), found as CSS url() on https://react.dev/

31 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

16 kB (image/webp), found as <img src> on https://react.dev/learn

8 kB (image/webp), found as <img src> on https://react.dev/learn/passing-data-deeply-with-context

97 kB (image/png), found as <img src> on https://react.dev/learn/queueing-a-series-of-state-updates

35 kB (image/webp), found as <img src> on https://react.dev/learn/preserving-and-resetting-state

19 kB (image/png), found as <img src> on https://react.dev/learn/state-as-a-snapshot

477 B (image/png), found as <img src> on https://react.dev/learn/tutorial-tic-tac-toe

26 kB (image/webp), found as <img src> on https://react.dev/

4 kB (image/svg+xml), found as <img src> on https://react.dev/learn/importing-and-exporting-components

63 kB (image/png), found as <img src> on https://react.dev/learn/react-developer-tools

65 kB (image/png), found as <img src> on https://react.dev/learn/react-developer-tools

25 kB (image/webp), found as <img src> on https://react.dev/learn/describing-the-ui

36 kB (image/webp), found as <img src> on https://react.dev/

79 kB (image/png), found as <img src> on https://react.dev/learn/reacting-to-input-with-state

269 kB (image/webp), found as <img src> on https://react.dev/community/team

87 kB (image/webp), found as <img src> on https://react.dev/community/team

57 kB (image/webp), found as <img src> on https://react.dev/community/team

67 kB (image/webp), found as <img src> on https://react.dev/community/team

179 kB (image/webp), found as <img src> on https://react.dev/community/team

64 kB (image/webp), found as <img src> on https://react.dev/community/team

19 kB (image/webp), found as <img src> on https://react.dev/community/team

16 kB (image/webp), found as <img src> on https://react.dev/community/team

22 kB (image/webp), found as <img src> on https://react.dev/community/team

39 kB (image/webp), found as <img src> on https://react.dev/learn/reacting-to-input-with-state

125 kB (image/webp), found as <img src> on https://react.dev/community/team

23 kB (image/webp), found as <img src> on https://react.dev/community/team

40 kB (image/webp), found as <img src> on https://react.dev/community/team

13 kB (image/png), found as <img src> on https://react.dev/learn/reacting-to-input-with-state

32 kB (image/png), found as <img src> on https://react.dev/learn/reacting-to-input-with-state

34 kB (image/webp), found as <img src> on https://react.dev/community/team

229 kB (image/webp), found as <img src> on https://react.dev/community/team

12 kB (image/webp), found as <img src> on https://react.dev/community/team

56 kB (image/png), found as <img src> on https://react.dev/learn/reacting-to-input-with-state

154 kB (image/webp), found as <img src> on https://react.dev/community/team

27 kB (image/webp), found as <img src> on https://react.dev/community/team

53 kB (image/webp), found as <img src> on https://react.dev/community/team

31 kB (image/webp), found as <img src> on https://react.dev/community/team

40 kB (image/webp), found as <img src> on https://react.dev/learn/reacting-to-input-with-state

44 kB (image/webp), found as <img src> on https://react.dev/community/team

33 kB (image/webp), found as <img src> on https://react.dev/learn/describing-the-ui

71 kB (image/png), found as <img src> on https://react.dev/learn/render-and-commit

404 URLs

Status	URL 404 🔼	Found at URL
404	/TODO	/blog/2024/04/25/react-19-upgrade-guide

Redirected URLs

Status	Redirected URL 🔼	Target URL	Found at URL
307	/link/hydration-mismatch	/reference/react-dom/client/hydrateRoot#hydrating-server-rendered-html	/blog/2024/04/25/react-19
307	/link/new-jsx-transform	https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html	/blog/2024/04/25/react-19-upgrade-guide
308	/reference	/reference/react	/blog/2023/03/16/introducing-react-dev
308	/reference/react-dom/hooks/useFormState	/reference/react/useActionState	/reference/rsc/server-actions

TOP fastest URLs

Found 20 row(s).

Time 🔼	Status	Fast URL
55 ms	200	/reference/react-dom/components/meta
55 ms	200	/learn/react-developer-tools
55 ms	200	/reference/react/useDebugValue
55 ms	200	/reference/react/legacy
56 ms	200	/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022
56 ms	200	/reference/react-dom/prefetchDNS
56 ms	200	/reference/react-dom/preinitModule
56 ms	200	/reference/react/PureComponent
56 ms	200	/blog/2022/03/08/react-18-upgrade-guide
56 ms	200	/learn/installation
56 ms	200	/reference/react-dom/hooks
56 ms	200	/reference/react/experimental_taintObjectReference
57 ms	200	/warnings/react-dom-test-utils
57 ms	200	/community
57 ms	200	/versions
57 ms	200	/learn/importing-and-exporting-components
57 ms	200	/reference/react/isValidElement
57 ms	200	/reference/react
57 ms	200	/community/docs-contributors
57 ms	200	/reference/react/useOptimistic
No rows found, please edit your search term.

TOP slowest URLs

Found 20 row(s).

Time 🔽	Status	Slow URL
1.1 s	200	/learn/scaling-up-with-reducer-and-context
1.1 s	200	/learn/state-a-components-memory
303 ms	200	/learn/describing-the-ui
226 ms	200	/reference/react-dom/hooks/useFormStatus
144 ms	200	/reference/react-dom/client/createRoot
134 ms	200	/reference/react/memo
130 ms	200	/reference/react-dom/preloadModule
124 ms	200	/reference/react-dom/components/textarea
112 ms	200	/reference/react/StrictMode
111 ms	200	/reference/react-dom/hydrate
111 ms	200	/blog/2020/12/21/data-fetching-with-react-server-components
102 ms	200	/reference/react-dom/components/input
102 ms	200	/learn/sharing-state-between-components
99 ms	200	/learn/choosing-the-state-structure
98 ms	200	/reference/react/useLayoutEffect
98 ms	200	/reference/react-dom/client
97 ms	200	/learn/responding-to-events
96 ms	200	/reference/react/Fragment
94 ms	200	/learn/typescript
94 ms	200	/reference/react/useState
No rows found, please edit your search term.

Content types

Content type	URLs 🔽	Total size	Total time	Avg time	Status 20x	Status 30x	Status 40x
Image	407	15 MB	74 s	181 ms	407	0	0
HTML	165	44 MB	14 s	88 ms	164	0	1
Font	37	1 MB	2.7 s	72 ms	37	0	0
JS	12	966 kB	832 ms	69 ms	12	0	0
Redirect	4	656 B	163 ms	41 ms	0	4	0
CSS	1	108 kB	53 ms	53 ms	1	0	0

Content types (MIME types)

Found 11 row(s).

Content type	URLs 🔽	Total size	Total time	Avg time	Status 20x	Status 30x	Status 40x
image/webp	331	13 MB	68 s	206 ms	331	0	0
text/html; charset=utf-8	165	44 MB	14 s	88 ms	164	0	1
image/png	42	1 MB	2.7 s	64 ms	42	0	0
font/woff2	37	1 MB	2.7 s	72 ms	37	0	0
image/jpeg	27	69 kB	1.4 s	53 ms	27	0	0
application/javascript; charset=utf-8	11	702 kB	703 ms	64 ms	11	0	0
image/svg+xml	4	20 kB	1.2 s	304 ms	4	0	0
text/html	4	656 B	163 ms	41 ms	0	4	0
image/gif	3	422 kB	392 ms	131 ms	3	0	0
text/css; charset=utf-8	1	108 kB	53 ms	53 ms	1	0	0
application/javascript; charset=UTF-8	1	263 kB	129 ms	129 ms	1	0	0
No rows found, please edit your search term.

Source domains

Domain	Totals	HTML	Image	JS	CSS	Font	Redirect
react.dev	624 / 61MB / 92s	164 / 44MB / 14s	407 / 15MB / 74s	11 / 702kB / 703ms	1 / 108kB / 53ms	37 / 1MB / 2.7s	4 / 656B / 163ms
www.googletagmanager.com	1 / 263kB / 129ms			1 / 263kB / 129ms
legacy.reactjs.org	1 / 126kB / 100ms	1 / 126kB / 100ms

HTTP headers

Found 23 row(s).

Header 🔼	Occurs	Unique	Values preview	Min value	Max value
Accept-Ranges	443	1	bytes
Access-Control-Allow-Origin	620	1	*
Age	620	-	[ignored generic values]	18 hour(s)	30.4 day(s)
Cache-Control	624	3	public, max-age=0, must-revalidate (575) / public, max-age=31536000, immutable (…public,max-age=31536000,immutable (12)
Connection	624	1	close
Content-Disposition	620	-	[ignored generic values]
Content-Encoding	177	1	br
Content-Length	443	-	[ignored generic values]	148 B	269 kB
Content-Security-Policy	322	1	script-src 'none'; frame-src 'none'; sandbox;
Content-Type	624	10	[see values below]
Date	624	-	[ignored generic values]	2024-08-16	2024-08-16
Etag	298	-	[ignored generic values]
Last-Modified	322	-	[ignored generic values]	2024-07-17	2024-08-15
Location	4	4	[see values below]
Refresh	2	2	0;url=/reference/react (1) / 0;url=/reference/react/useActionState (1)
Server	624	1	Vercel
Strict-Transport-Security	624	1	max-age=63072000
Transfer-Encoding	181	1	chunked
Vary	322	1	Accept
X-Matched-Path	620	20+	[see values below]
X-Vercel-Cache	620	1	HIT
X-Vercel-Id	624	20+	[see values below]
X-Vercel-Imgsrc	322	20+	[see values below]
No rows found, please edit your search term.

(+) Show entire table

HTTP header values

Found 89 row(s).

Header	Occurs	Value
Accept-Ranges	443	bytes
Access-Control-Allow-Origin	620	*
Cache-Control	575	public, max-age=0, must-revalidate
Cache-Control	37	public, max-age=31536000, immutable
Cache-Control	12	public,max-age=31536000,immutable
Connection	624	close
Content-Encoding	177	br
Content-Security-Policy	322	script-src 'none'; frame-src 'none'; sandbox;
Content-Type	331	image/webp
Content-Type	164	text/html; charset=utf-8
Content-Type	42	image/png
Content-Type	37	font/woff2
Content-Type	27	image/jpeg
Content-Type	11	application/javascript; charset=utf-8
Content-Type	4	image/svg+xml
Content-Type	4	text/html
Content-Type	3	image/gif
Content-Type	1	text/css; charset=utf-8
Location	1	/reference/react
Location	1	/reference/react/useActionState
Location	1	https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
Location	1	/reference/react-dom/client/hydrateRoot#hydrating-server-rendered-html
Refresh	1	0;url=/reference/react
Refresh	1	0;url=/reference/react/useActionState
Server	624	Vercel
Strict-Transport-Security	624	max-age=63072000
Transfer-Encoding	181	chunked
Vary	322	Accept
X-Matched-Path	1	/
X-Matched-Path	1	/images/home/conf2021/roman.jpg
X-Matched-Path	1	/images/home/conf2021/eric.jpg
X-Matched-Path	1	/images/home/conf2021/shruti.jpg
X-Matched-Path	1	/community
X-Matched-Path	1	/fonts/Optimistic_Display_W_SBd.woff2
X-Matched-Path	1	/images/uwu.png
X-Matched-Path	1	/community/translations
X-Matched-Path	1	/community/meetups
X-Matched-Path	1	/images/home/community/react_india_team.webp
X-Matched-Path	1	/versions
X-Matched-Path	1	/images/home/conf2021/delba.jpg
X-Matched-Path	1	/community/videos
X-Matched-Path	1	/favicon-16x16.png
X-Matched-Path	1	/fonts/Optimistic_Display_W_Md.woff2
X-Matched-Path	1	/safari-pinned-tab.svg
X-Matched-Path	1	/learn
X-Matched-Path	1	/images/home/conf2021/lauren.jpg
X-Matched-Path	1	/reference/react/components
X-Matched-Path	1	/learn/render-and-commit
X-Vercel-Cache	620	HIT
X-Vercel-Id	1	fra1::zctmn-1723825257309-a88e81f92134
X-Vercel-Id	1	fra1::qsnmc-1723825257534-c98e4a8a55aa
X-Vercel-Id	1	fra1::cnjhv-1723825257580-6a483531945c
X-Vercel-Id	1	fra1::6fm6x-1723825257681-7bbe4c64f279
X-Vercel-Id	1	fra1::7tcw4-1723825257628-cdab104d86dc
X-Vercel-Id	1	fra1::s8n2c-1723825257794-7affa4a9d164
X-Vercel-Id	1	fra1::7vphk-1723825257831-bbfa61714342
X-Vercel-Id	1	fra1::575v7-1723825257882-dd58d3091601
X-Vercel-Id	1	fra1::mz5cc-1723825257730-f36a7fa65416
X-Vercel-Id	1	fra1::gq68l-1723825257989-00aabaeda3f5
X-Vercel-Id	1	fra1::8qr6d-1723825257930-eed565066fa1
X-Vercel-Id	1	fra1::cq8ln-1723825258504-8e0da9cd523e
X-Vercel-Id	1	fra1::xsvbj-1723825258096-f919ffcfa333
X-Vercel-Id	1	fra1::4gxn6-1723825258555-ff5f67baf3e2
X-Vercel-Id	1	fra1::wk26v-1723825258732-a65eb87cc443
X-Vercel-Id	1	fra1::575v7-1723825258909-9fc3ad0fe804
X-Vercel-Id	1	fra1::597n2-1723825258032-d59d9dad156b
X-Vercel-Id	1	fra1::4gxn6-1723825260225-671c3d0b8212
X-Vercel-Id	1	fra1::r8szl-1723825258960-4daf01cfe93d
X-Vercel-Id	1	fra1::wjgms-1723825258218-f78a67111dca
X-Vercel-Imgsrc	3	3ef78325b249aec7105d0f82b6c5937a
X-Vercel-Imgsrc	2	011dbba3b363f52be8a075a9bea0debb
X-Vercel-Imgsrc	2	dcef878f70525c57a018865982f85d54
X-Vercel-Imgsrc	2	b4308d542892e72cf72f689b78eb639d
X-Vercel-Imgsrc	2	a18cac15fa58130c3a04c3f7100ea4c9
X-Vercel-Imgsrc	2	4e869b9140f3b7aaa89ef12cc9119215
X-Vercel-Imgsrc	2	3503ddbd8d8fa4563b40bf40ac5f9686
X-Vercel-Imgsrc	1	2589acd84a94a02c534c942923149ab3
X-Vercel-Imgsrc	1	ad6ff3791b86f785adf67c2ae9ceead5
X-Vercel-Imgsrc	1	95ab1ebf6855a2aa6ac269c8641a9b04
X-Vercel-Imgsrc	1	4c874634c33da064ff6e9b3cb46e99e1
X-Vercel-Imgsrc	1	5da21c827d3270ebfde87fa4781765e8
X-Vercel-Imgsrc	1	1657afb59e1029f3161522ce885624bf
X-Vercel-Imgsrc	1	36d158a4c4e780c3d4069e3e62bccf35
X-Vercel-Imgsrc	1	405abdcf97db4b6a758bea3dc115d365
X-Vercel-Imgsrc	1	dbbb62220f86bca4679b4b17dc80c29d
X-Vercel-Imgsrc	1	960418337c6f3ca2cc4205cb79385e25
X-Vercel-Imgsrc	1	5fbe68e3b05dc8c3ca20772a0e4db8bf
X-Vercel-Imgsrc	1	0c6fe387c9c6bb8ae3455e668612f893
X-Vercel-Imgsrc	1	69eeebddf8337bf2ce76b00b0508f513
No rows found, please edit your search term.

(+) Show entire table

DNS info

DNS resolving tree
react.dev
IPv4: 76.76.21.98
IPv4: 76.76.21.123

DNS server: 10.255.255.254

SSL/TLS info

Info	Text
Issuer	C = US, O = Let's Encrypt, CN = R10
Subject	CN = react.dev
Valid from	Jul 21 06:00:52 2024 GMT (VALID already 26.5 day(s))
Valid to	Oct 19 06:00:51 2024 GMT (VALID still for 63.5 day(s))
Supported protocols	TLSv1.2, TLSv1.3
RAW certificate output	Certificate: Data: Version: 3 (0x2) Serial Number: 04:fb:1e:21:9e:93:a5:6e:7f:54:db:60:65:c7:f7:a0:8c:19 Signature Algorithm: sha256WithRSAEncryption Issuer: C = US, O = Let's Encrypt, CN = R10 Validity Not Before: Jul 21 06:00:52 2024 GMT Not After : Oct 19 06:00:51 2024 GMT Subject: CN = react.dev Subject Public Key Info: Public Key Algorithm: rsaEncryption Public-Key: (2048 bit) Modulus: 00:ba:c3:23:75:cd:20:3b:f2:cd:23:b3:6d:d3:07: 4a:5a:78:ab:93:af:6c:9d:19:67:d2:66:9e:a0:31: be:33:a1:e1:75:a3:00:66:fb:18:f9:cc:71:f3:ee: 80:34:0b:d7:4e:3c:4e:0a:87:9d:5f:45:ce:c0:99: cf:2e:71:33:8a:23:18:c0:dd:9e:a9:41:f6:97:ad: cd:f3:74:16:a0:7b:71:71:82:3e:36:57:03:6e:7a: e9:ce:ec:cf:d1:c9:a4:65:6c:31:2e:40:68:b5:cc: 7b:27:45:6e:f1:4c:a8:c2:70:2d:ce:17:65:ed:de: c6:48:c0:e5:71:d8:4e:06:2e:e3:54:a8:35:d8:9d: 86:6a:7f:df:85:95:f3:4c:0f:74:e0:db:9b:47:f8: 73:bd:16:0a:e9:e6:fa:6b:49:32:24:d1:2d:8e:f9: 3b:02:31:32:7a:46:a5:51:5d:1f:f0:18:da:d4:e8: 1b:00:41:c8:7f:d2:c2:9d:55:59:86:02:6d:02:f0: a3:ce:08:75:0b:12:b2:95:b3:af:d3:c4:64:9e:40: 4f:79:40:28:da:70:c0:52:c4:14:24:0e:bd:33:82: 4d:33:3d:f9:ee:74:83:b1:f7:f7:13:d1:60:d9:3a: f5:46:51:48:ff:7d:3a:09:f7:4f:ee:28:c4:e0:b8: 2b:23 Exponent: 65537 (0x10001) X509v3 extensions: X509v3 Key Usage: critical Digital Signature, Key Encipherment X509v3 Extended Key Usage: TLS Web Server Authentication, TLS Web Client Authentication X509v3 Basic Constraints: critical CA:FALSE X509v3 Subject Key Identifier: 6A:D1:6D:3C:D8:B7:A5:70:25:CF:51:59:24:03:89:B0:E1:32:05:F2 X509v3 Authority Key Identifier: BB:BC:C3:47:A5:E4:BC:A9:C6:C3:A4:72:0C:10:8D:A2:35:E1:C8:E8 Authority Information Access: OCSP - URI:http://r10.o.lencr.org CA Issuers - URI:http://r10.i.lencr.org/ X509v3 Subject Alternative Name: DNS:react.dev X509v3 Certificate Policies: Policy: 2.23.140.1.2.1 CT Precertificate SCTs: Signed Certificate Timestamp: Version : v1 (0x0) Log ID : EE:CD:D0:64:D5:DB:1A:CE:C5:5C:B7:9D:B4:CD:13:A2: 32:87:46:7C:BC:EC:DE:C3:51:48:59:46:71:1F:B5:9B Timestamp : Jul 21 07:00:52.780 2024 GMT Extensions: none Signature : ecdsa-with-SHA256 30:44:02:20:34:3A:A0:25:A9:92:E8:D4:F2:6F:7D:D7: 9A:8D:36:36:2B:B1:0C:92:DF:1A:B5:44:37:5A:E7:4A: EF:5E:DD:0B:02:20:2D:1A:EB:72:CE:21:2C:A8:D6:8D: A9:FB:E2:5E:59:B1:2E:43:A9:00:B1:9F:2A:47:13:28: 12:A9:13:B2:96:EE Signed Certificate Timestamp: Version : v1 (0x0) Log ID : DF:E1:56:EB:AA:05:AF:B5:9C:0F:86:71:8D:A8:C0:32: 4E:AE:56:D9:6E:A7:F5:A5:6A:01:D1:C1:3B:BE:52:5C Timestamp : Jul 21 07:00:53.038 2024 GMT Extensions: none Signature : ecdsa-with-SHA256 30:45:02:21:00:B5:24:D8:FC:53:57:16:38:18:2D:E8: F0:6C:D7:DB:93:43:FF:14:1A:08:49:4D:03:9A:95:B1: 9A:76:0A:AB:6B:02:20:17:5B:D1:07:89:02:36:3F:5A: 0F:B1:53:61:AC:7F:5F:14:03:97:D0:AB:7E:65:E0:45: 8E:88:47:46:E9:0D:1D Signature Algorithm: sha256WithRSAEncryption Signature Value: 82:f4:0a:7c:26:6b:39:04:46:3f:fa:87:2f:ef:c3:17:97:34: 8b:48:d5:06:18:07:e1:f4:0e:d0:e4:9e:ed:cd:6d:7c:4f:07: ee:b1:00:56:c8:6c:9b:42:ba:03:be:e5:49:59:f7:33:bf:3c: 1e:71:e0:7b:bd:a2:de:39:83:2c:9d:91:ce:91:5a:16:04:22: ef:52:55:0a:b3:48:7f:c6:68:2b:b1:b3:df:15:d8:ba:bb:d0: ed:c2:fd:c6:1d:30:e3:af:a3:be:e1:08:e3:0a:6d:96:68:ba: 34:96:18:03:2a:22:b5:e6:8b:2d:88:0b:fd:b7:42:63:8f:8a: 9b:7e:4d:95:36:6c:02:c1:4d:94:ad:c5:3f:9e:44:4f:4a:4f: 76:59:33:9f:f6:05:75:d1:7e:f8:f3:4a:f7:ed:ae:35:cb:45: 9c:79:53:9c:69:be:52:43:7f:19:62:07:f4:2f:59:df:e9:cf: 23:fb:ce:48:9f:96:9e:1e:79:07:61:a8:c1:20:6d:02:45:f9: 6a:b9:8d:cb:78:61:86:57:7d:85:90:8f:13:a5:52:3a:b6:f0: 86:52:72:7f:63:c9:df:a6:39:fb:ae:6b:34:49:57:f0:7a:f7: a7:a0:62:8b:19:73:f5:5a:63:f9:55:57:25:9c:c2:e3:45:e3: ab:c8:57:52
RAW protocols output	depth=2 C = US, O = Internet Security Research Group, CN = ISRG Root X1 verify return:1 depth=1 C = US, O = Let's Encrypt, CN = R10 verify return:1 depth=0 CN = react.dev verify return:1 CONNECTED(00000005) --- Certificate chain 0 s:CN = react.dev i:C = US, O = Let's Encrypt, CN = R10 a:PKEY: rsaEncryption, 2048 (bit); sigalg: RSA-SHA256 v:NotBefore: Jul 21 06:00:52 2024 GMT; NotAfter: Oct 19 06:00:51 2024 GMT 1 s:C = US, O = Let's Encrypt, CN = R10 i:C = US, O = Internet Security Research Group, CN = ISRG Root X1 a:PKEY: rsaEncryption, 2048 (bit); sigalg: RSA-SHA256 v:NotBefore: Mar 13 00:00:00 2024 GMT; NotAfter: Mar 12 23:59:59 2027 GMT --- Server certificate -----BEGIN CERTIFICATE----- MIIE4TCCA8mgAwIBAgISBPseIZ6TpW5/VNtgZcf3oIwZMA0GCSqGSIb3DQEBCwUA MDMxCzAJBgNVBAYTAlVTMRYwFAYDVQQKEw1MZXQncyBFbmNyeXB0MQwwCgYDVQQD EwNSMTAwHhcNMjQwNzIxMDYwMDUyWhcNMjQxMDE5MDYwMDUxWjAUMRIwEAYDVQQD EwlyZWFjdC5kZXYwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQC6wyN1 zSA78s0js23TB0paeKuTr2ydGWfSZp6gMb4zoeF1owBm+xj5zHHz7oA0C9dOPE4K h51fRc7Amc8ucTOKIxjA3Z6pQfaXrc3zdBage3Fxgj42VwNueunO7M/RyaRlbDEu QGi1zHsnRW7xTKjCcC3OF2Xt3sZIwOVx2E4GLuNUqDXYnYZqf9+FlfNMD3Tg25tH +HO9Fgrp5vprSTIk0S2O+TsCMTJ6RqVRXR/wGNrU6BsAQch/0sKdVVmGAm0C8KPO CHULErKVs6/TxGSeQE95QCjacMBSxBQkDr0zgk0zPfnudIOx9/cT0WDZOvVGUUj/ fToJ90/uKMTguCsjAgMBAAGjggIMMIICCDAOBgNVHQ8BAf8EBAMCBaAwHQYDVR0l BBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMAwGA1UdEwEB/wQCMAAwHQYDVR0OBBYE FGrRbTzYt6VwJc9RWSQDibDhMgXyMB8GA1UdIwQYMBaAFLu8w0el5LypxsOkcgwQ jaI14cjoMFcGCCsGAQUFBwEBBEswSTAiBggrBgEFBQcwAYYWaHR0cDovL3IxMC5v LmxlbmNyLm9yZzAjBggrBgEFBQcwAoYXaHR0cDovL3IxMC5pLmxlbmNyLm9yZy8w FAYDVR0RBA0wC4IJcmVhY3QuZGV2MBMGA1UdIAQMMAowCAYGZ4EMAQIBMIIBAwYK KwYBBAHWeQIEAgSB9ASB8QDvAHUA7s3QZNXbGs7FXLedtM0TojKHRny87N7DUUhZ RnEftZsAAAGQ1BffrAAABAMARjBEAiA0OqAlqZLo1PJvfdeajTY2K7EMkt8atUQ3 WudK717dCwIgLRrrcs4hLKjWjan74l5ZsS5DqQCxnypHEygSqROylu4AdgDf4Vbr qgWvtZwPhnGNqMAyTq5W2W6n9aVqAdHBO75SXAAAAZDUF+CuAAAEAwBHMEUCIQC1 JNj8U1cWOBgt6PBs19uTQ/8UGghJTQOalbGadgqrawIgF1vRB4kCNj9aD7FTYax/ XxQDl9CrfmXgRY6IR0bpDR0wDQYJKoZIhvcNAQELBQADggEBAIL0CnwmazkERj/6 hy/vwxeXNItI1QYYB+H0DtDknu3NbXxPB+6xAFbIbJtCugO+5UlZ9zO/PB5x4Hu9 ot45gyydkc6RWhYEIu9SVQqzSH/GaCuxs98V2Lq70O3C/cYdMOOvo77hCOMKbZZo ujSWGAMqIrXmiy2IC/23QmOPipt+TZU2bALBTZStxT+eRE9KT3ZZM5/2BXXRfvjz SvftrjXLRZx5U5xpvlJDfxliB/QvWd/pzyP7zkiflp4eeQdhqMEgbQJF+Wq5jct4 YYZXfYWQjxOlUjq28IZScn9jyd+mOfuuazRJV/B696egYosZc/VaY/lVVyWcwuNF 46vIV1I= -----END CERTIFICATE----- subject=CN = react.dev issuer=C = US, O = Let's Encrypt, CN = R10 --- No client certificate CA names sent Peer signing digest: SHA256 Peer signature type: RSA-PSS Server Temp Key: X25519, 253 bits --- SSL handshake has read 3087 bytes and written 307 bytes Verification: OK --- New, TLSv1.3, Cipher is TLS_AES_128_GCM_SHA256 Server public key is 2048 bit Secure Renegotiation IS NOT supported Compression: NONE Expansion: NONE No ALPN negotiated Early data was not sent Verify return code: 0 (ok) --- DONE --- Post-Handshake New Session Ticket arrived: SSL-Session: Protocol : TLSv1.3 Cipher : TLS_AES_128_GCM_SHA256 Session-ID: 1FC33D61CBA3D69CFAEDB4D719412D49CA1174D816E1797905A57753418130B8 Session-ID-ctx: Resumption PSK: 335486ECA40CBCF9DA480ED15FDF080558A68B78AFA57A5383BB28E2CC8BF05A PSK identity: None PSK identity hint: None SRP username: None TLS session ticket lifetime hint: 604800 (seconds) TLS session ticket: 0000 - 82 8f f7 53 06 93 10 e7-fe 1d 4e 82 95 56 e9 d2 ...S......N..V.. 0010 - 84 29 aa 7c 7f 4b 3b d0-58 24 9a 5d 24 41 64 33 .).\|.K;.X$.]$Ad3 0020 - f5 92 78 cb dd 72 a5 df-5c f9 b7 ee 46 57 12 a6 ..x..r..\...FW.. 0030 - d9 56 a6 2e 2b 5d d9 9c-2b d6 bc 7c 54 e9 ec a9 .V..+]..+..\|T... 0040 - 9f bf a4 11 bd a4 5f 21-bf e0 02 9c e6 1b 1e 37 ......_!.......7 0050 - 2f e5 85 c1 39 9c 2c 34-50 8a 47 94 c4 2e 2b 4f /...9.,4P.G...+O 0060 - c4 db 58 d8 0d b5 df e0-b4 ..X...... Start Time: 1723834089 Timeout : 7200 (sec) Verify return code: 0 (ok) Extended master secret: no Max Early Data: 0 --- read R BLOCK

Crawler stats

Basic stats
Total execution time	7.7 s
Total URLs	626
Total size	61 MB
Requests - total time	92 s
Requests - avg time	147 ms
Requests - min time	39 ms
Requests - max time	1.2 s
Requests by status	200 : 621 307 : 2 308 : 2 404 : 1

Analysis stats

Found 20 row(s).

Class::method	Exec time 🔽	Exec count
Manager::parseDOMDocument	1.1 s	165
AccessibilityAnalyzer::checkMissingRoles	469 ms	163
SslTlsAnalyzer::getTLSandSSLCertificateInfo	403 ms	1
BestPracticeAnalyzer::checkInlineSvg	307 ms	165
BestPracticeAnalyzer::checkNonClickablePhoneNumbers	242 ms	165
AccessibilityAnalyzer::checkMissingAriaLabels	216 ms	163
BestPracticeAnalyzer::checkHeadingStructure	211 ms	165
BestPracticeAnalyzer::checkMaxDOMDepth	179 ms	165
BestPracticeAnalyzer::checkMissingQuotesOnAttributes	60 ms	165
AccessibilityAnalyzer::checkMissingLabels	26 ms	163
AccessibilityAnalyzer::checkImageAltAttributes	4 ms	163
AccessibilityAnalyzer::checkMissingLang	1 ms	163
SeoAndOpenGraphAnalyzer::analyzeSeo	1 ms	1
SeoAndOpenGraphAnalyzer::analyzeHeadings	0 ms	1
SeoAndOpenGraphAnalyzer::analyzeOpenGraph	0 ms	1
BestPracticeAnalyzer::checkTitleUniqueness	0 ms	1
BestPracticeAnalyzer::checkMetaDescriptionUniqueness	0 ms	1
BestPracticeAnalyzer::checkWebpSupport	0 ms	1
BestPracticeAnalyzer::checkBrotliSupport	0 ms	1
BestPracticeAnalyzer::checkAvifSupport	0 ms	1
No rows found, please edit your search term.

Content processor stats

Found 12 row(s).

Class::method	Exec time 🔽	Exec count
HtmlProcessor::findUrls	106 ms	168
NextJsProcessor::applyContentChangesBeforeUrlParsing	24 ms	178
AstroProcessor::findUrls	24 ms	176
CssProcessor::findUrls	4 ms	165
JavaScriptProcessor::findUrls	3 ms	176
AstroProcessor::applyContentChangesBeforeUrlParsing	0 ms	177
NextJsProcessor::findUrls	0 ms	177
SvelteProcessor::findUrls	0 ms	164
HtmlProcessor::applyContentChangesBeforeUrlParsing	0 ms	169
JavaScriptProcessor::applyContentChangesBeforeUrlParsing	0 ms	177
CssProcessor::applyContentChangesBeforeUrlParsing	0 ms	166
SvelteProcessor::applyContentChangesBeforeUrlParsing	0 ms	165
No rows found, please edit your search term.

Crawler info

Version	1.0.7.20231222
Executed At	2024-08-16 18:48:02
Command	src/crawler.php \ --workers=3 \ --max-reqs-per-sec=20 \ --upload \ --upload-retention=forever \ --max-visited-urls=1000 \ --allowed-domain-for-external-files=* \ --extra-columns=X-Vercel-Cache,Title(50) \ --url=https://react.dev/
User-Agent	Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/24.0.0.0 Safari/537.36 siteone-crawler/1.0.7.20231222