René's URL Explorer Experiment

Title: Tutorial: Intro to React – React

Open Graph Title: Tutorial: Intro to React – React

Open Graph Description: A JavaScript library for building user interfaces

Opengraph URL: https://reactjs.org/tutorial/tutorial.html

Generator: Gatsby 2.24.63

None	IE=edge
apple-mobile-web-app-capable	yes
apple-mobile-web-app-title	React
og:type	article
og:image	https://reactjs.org/logo-og.png
fb:app_id	623268441017527
theme-color	#20232a

Links:

	https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2
Take our 2021 Community Survey!	https://surveys.savanta.com/survey/selfserve/21e3/210643?list=2
Go to the latest docs.	https://reactjs.org
React	https://17.react.dev/
Docs	https://17.react.dev/docs/getting-started.html
Tutorial	https://17.react.dev/tutorial/tutorial.html
Blog	https://17.react.dev/blog/
Community	https://17.react.dev/community/support.html
v17.0.2	https://17.react.dev/versions
Languages	https://17.react.dev/languages
GitHub	https://github.com/facebook/react/
	https://17.react.dev/tutorial/tutorial.html#before-we-start-the-tutorial
step-by-step guide	https://17.react.dev/docs/hello-world.html
Setup for the Tutorial	https://17.react.dev/tutorial/tutorial.html#setup-for-the-tutorial
Overview	https://17.react.dev/tutorial/tutorial.html#overview
Completing the Game	https://17.react.dev/tutorial/tutorial.html#completing-the-game
Adding Time Travel	https://17.react.dev/tutorial/tutorial.html#adding-time-travel
	https://17.react.dev/tutorial/tutorial.html#what-are-we-building
Final Result	https://codepen.io/gaearon/pen/gWWZgR?editors=0010
	https://17.react.dev/tutorial/tutorial.html#prerequisites
this guide	https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
arrow functions	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
classes	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
let	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let
const	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const
Babel REPL	https://babeljs.io/repl/#?presets=react&code_lz=MYewdgzgLgBApgGzgWzmWBeGAeAFgRgD4AJRBEAGhgHcQAnBAEwEJsB6AwgbgChRJY_KAEMAlmDh0YWRiGABXVOgB0AczhQAokiVQAQgE8AkowAUAcjogQUcwEpeAJTjDgUACIB5ALLK6aRklTRBQ0KCohMQk6Bx4gA
	https://17.react.dev/tutorial/tutorial.html#setup-for-the-tutorial
	https://17.react.dev/tutorial/tutorial.html#setup-option-1-write-code-in-the-browser
Starter Code	https://codepen.io/gaearon/pen/oWWQNa?editors=0010
Overview	https://17.react.dev/tutorial/tutorial.html#overview
	https://17.react.dev/tutorial/tutorial.html#setup-option-2-local-development-environment
Node.js	https://nodejs.org/en/
installation instructions for Create React App	https://17.react.dev/docs/create-a-new-react-app.html#create-react-app
this CSS code	https://codepen.io/gaearon/pen/oWWQNa?editors=0100
this JS code	https://codepen.io/gaearon/pen/oWWQNa?editors=0010
these instructions	https://babeljs.io/docs/editors/
	https://17.react.dev/tutorial/tutorial.html#help-im-stuck
community support resources	https://17.react.dev/community/support.html
Reactiflux Chat	https://discord.gg/reactiflux
	https://17.react.dev/tutorial/tutorial.html#overview
	https://17.react.dev/tutorial/tutorial.html#what-is-react
See full expanded version.	https://babeljs.io/repl/#?presets=react&code_lz=DwEwlgbgBAxgNgQwM5IHIILYFMC8AiJACwHsAHUsAOwHMBaOMJAFzwD4AoKKYQgRlYDKJclWpQAMoyZQAZsQBOUAN6l5ZJADpKmLAF9gAej4cuwAK5wTXbg1YBJSswTV5mQ7c7XgtgOqEETEgAguTuYFamtgDyMBZmSGFWhhYchuAQrADc7EA
API reference	https://17.react.dev/docs/react-api.html#createelement
	https://17.react.dev/tutorial/tutorial.html#inspecting-the-starter-code
Starter Code	https://codepen.io/gaearon/pen/oWWQNa?editors=0010
setup	https://17.react.dev/tutorial/tutorial.html#setup-option-2-local-development-environment
	https://17.react.dev/tutorial/tutorial.html#passing-data-through-props
	https://17.react.dev/static/1566a4f8490d6b4b1ed36cd2c11fe4b6/6a91e/tictac-empty.png
	https://17.react.dev/static/685df774da6da48f451356f33f4be8b2/01bf6/tictac-numbers.png
View the full code at this point	https://codepen.io/gaearon/pen/aWWQOG?editors=0010
	https://17.react.dev/tutorial/tutorial.html#making-an-interactive-component
confusing behavior of this	https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
arrow function syntax	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
JavaScript classes	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
View the full code at this point	https://codepen.io/gaearon/pen/VbbVLg?editors=0010
	https://17.react.dev/tutorial/tutorial.html#developer-tools
Chrome	https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
Firefox	https://addons.mozilla.org/en-US/firefox/addon/react-devtools/
	https://17.react.dev/static/41330fe61a925e2c3009be675bdb96a9/f2205/devtools.png
	https://17.react.dev/tutorial/tutorial.html#completing-the-game
	https://17.react.dev/tutorial/tutorial.html#lifting-state-up
just like we did when we passed a number to each Square	https://17.react.dev/tutorial/tutorial.html#passing-data-through-props
passed the value prop down	https://17.react.dev/tutorial/tutorial.html#passing-data-through-props
determined by Square’s own state	https://17.react.dev/tutorial/tutorial.html#making-an-interactive-component
View the full code at this point	https://codepen.io/gaearon/pen/gWWQPY?editors=0010
View the full code at this point	https://codepen.io/gaearon/pen/ybbQJX?editors=0010
	https://17.react.dev/tutorial/tutorial.html#why-immutability-is-important
	https://17.react.dev/tutorial/tutorial.html#data-change-with-mutation
	https://17.react.dev/tutorial/tutorial.html#data-change-without-mutation
	https://17.react.dev/tutorial/tutorial.html#complex-features-become-simple
	https://17.react.dev/tutorial/tutorial.html#detecting-changes
	https://17.react.dev/tutorial/tutorial.html#determining-when-to-re-render-in-react
Optimizing Performance	https://17.react.dev/docs/optimizing-performance.html#examples
	https://17.react.dev/tutorial/tutorial.html#function-components
View the full code at this point	https://codepen.io/gaearon/pen/QvvJOv?editors=0010
	https://17.react.dev/tutorial/tutorial.html#taking-turns
View the full code at this point	https://codepen.io/gaearon/pen/KmmrBy?editors=0010
	https://17.react.dev/tutorial/tutorial.html#declaring-a-winner
View the full code at this point	https://codepen.io/gaearon/pen/LyyXgK?editors=0010
	https://17.react.dev/tutorial/tutorial.html#adding-time-travel
	https://17.react.dev/tutorial/tutorial.html#storing-a-history-of-moves
treated it as immutable	https://17.react.dev/tutorial/tutorial.html#why-immutability-is-important
	https://17.react.dev/tutorial/tutorial.html#lifting-state-up-again
“lifted state up”	https://17.react.dev/tutorial/tutorial.html#lifting-state-up
View the full code at this point	https://codepen.io/gaearon/pen/EmmOqJ?editors=0010
	https://17.react.dev/tutorial/tutorial.html#showing-the-past-moves
map() method	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
View the full code at this point	https://codepen.io/gaearon/pen/EmmGEa?editors=0010
	https://17.react.dev/tutorial/tutorial.html#picking-a-key
	https://17.react.dev/tutorial/tutorial.html#implementing-time-travel
View the full code at this point	https://codepen.io/gaearon/pen/PmmXRE?editors=0010
see the documentation	https://17.react.dev/docs/state-and-lifecycle.html#state-updates-are-merged
View the full code at this point	https://codepen.io/gaearon/pen/gWWZgR?editors=0010
	https://17.react.dev/tutorial/tutorial.html#wrapping-up
Final Result	https://codepen.io/gaearon/pen/gWWZgR?editors=0010
the rest of the documentation	https://17.react.dev/docs/hello-world.html
React.Component API reference	https://17.react.dev/docs/react-component.html
Edit this page	https://github.com/reactjs/reactjs.org/tree/main/content/tutorial/tutorial.md
Before We Start the Tutorial	https://17.react.dev/tutorial/tutorial.html#before-we-start-the-tutorial
What Are We Building?	https://17.react.dev/tutorial/tutorial.html#what-are-we-building
Prerequisites	https://17.react.dev/tutorial/tutorial.html#prerequisites
Setup for the Tutorial	https://17.react.dev/tutorial/tutorial.html#setup-for-the-tutorial
Option 1: Write Code in the Browser	https://17.react.dev/tutorial/tutorial.html#setup-option-1-write-code-in-the-browser
Option 2: Local Development Environment	https://17.react.dev/tutorial/tutorial.html#setup-option-2-local-development-environment
Help, I'm Stuck!	https://17.react.dev/tutorial/tutorial.html#help-im-stuck
Overview	https://17.react.dev/tutorial/tutorial.html#overview
What Is React?	https://17.react.dev/tutorial/tutorial.html#what-is-react
Inspecting the Starter Code	https://17.react.dev/tutorial/tutorial.html#inspecting-the-starter-code
Passing Data Through Props	https://17.react.dev/tutorial/tutorial.html#passing-data-through-props
Making an Interactive Component	https://17.react.dev/tutorial/tutorial.html#making-an-interactive-component
Developer Tools	https://17.react.dev/tutorial/tutorial.html#developer-tools
Completing the Game	https://17.react.dev/tutorial/tutorial.html#completing-the-game
Lifting State Up	https://17.react.dev/tutorial/tutorial.html#lifting-state-up
Why Immutability Is Important	https://17.react.dev/tutorial/tutorial.html#why-immutability-is-important
Function Components	https://17.react.dev/tutorial/tutorial.html#function-components
Taking Turns	https://17.react.dev/tutorial/tutorial.html#taking-turns
Declaring a Winner	https://17.react.dev/tutorial/tutorial.html#declaring-a-winner
Adding Time Travel	https://17.react.dev/tutorial/tutorial.html#adding-time-travel
Storing a History of Moves	https://17.react.dev/tutorial/tutorial.html#storing-a-history-of-moves
Lifting State Up, Again	https://17.react.dev/tutorial/tutorial.html#lifting-state-up-again
Showing the Past Moves	https://17.react.dev/tutorial/tutorial.html#showing-the-past-moves
Picking a Key	https://17.react.dev/tutorial/tutorial.html#picking-a-key
Implementing Time Travel	https://17.react.dev/tutorial/tutorial.html#implementing-time-travel
Wrapping Up	https://17.react.dev/tutorial/tutorial.html#wrapping-up
Installation	https://17.react.dev/docs/getting-started.html
Main Concepts	https://17.react.dev/docs/hello-world.html
Advanced Guides	https://17.react.dev/docs/accessibility.html
API Reference	https://17.react.dev/docs/react-api.html
Hooks	https://17.react.dev/docs/hooks-intro.html
Testing	https://17.react.dev/docs/testing.html
Contributing	https://17.react.dev/docs/how-to-contribute.html
FAQ	https://17.react.dev/docs/faq-ajax.html
GitHub	https://github.com/facebook/react
Stack Overflow	https://stackoverflow.com/questions/tagged/reactjs
Discussion Forums	https://reactjs.org/community/support.html#popular-discussion-forums
Reactiflux Chat	https://discord.gg/reactiflux
DEV Community	https://dev.to/t/react
Facebook	https://www.facebook.com/react
Twitter	https://twitter.com/reactjs
Code of Conduct	https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md
Community Resources	https://17.react.dev/community/support.html
Tutorial	https://17.react.dev/tutorial/tutorial.html
Blog	https://17.react.dev/blog
Acknowledgements	https://17.react.dev/acknowledgements.html
React Native	https://reactnative.dev/
Privacy	https://opensource.facebook.com/legal/privacy
Terms	https://opensource.facebook.com/legal/terms
	https://opensource.facebook.com/projects/

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

Robots: noindex

URLs of crawlers that visited me.