Scribd Logo
Upload

Welcome to Scribd!

  • 35 views

    Tutorial: Intro To React - React

    Uploaded by

    lahsivlahsiv
    This tutorial introduces React by having users build a simple game. It covers React concepts like components, props, state, and lifting state up. Users will build a tic-tac-toe game with additional features like keeping track of past moves and implementing basic time travel through storing a history of moves in state. The tutorial is designed for users who prefer to learn React by building an application.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Tutorial: Intro To React - React

    Uploaded by

    lahsivlahsiv
    35 views2 pages
    This tutorial introduces React by having users build a simple game. It covers React concepts like components, props, state, and lifting state up. Users will build a tic-tac-toe game with additional features like keeping track of past moves and implementing basic time travel through storing a history of moves in state. The tutorial is designed for users who prefer to learn React by building an application.

    Original Title

    Tutorial: Intro to React – React

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This tutorial introduces React by having users build a simple game. It covers React concepts like components, props, state, and lifting state up. Users will build a tic-tac-toe game with additional features like keeping track of past moves and implementing basic time travel through storing a history of moves in state. The tutorial is designed for users who prefer to learn React by building an application.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    35 views2 pages

    Tutorial: Intro To React - React

    Uploaded by

    lahsivlahsiv
    This tutorial introduces React by having users build a simple game. It covers React concepts like components, props, state, and lifting state up. Users will build a tic-tac-toe game with additional features like keeping track of past moves and implementing basic time travel through storing a history of moves in state. The tutorial is designed for users who prefer to learn React by building an application.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 2

    Tutorial: Intro to React – React https://reactjs.org/tutorial/tutorial.

    html

    Tutorial: TUTORIAL

    Before We Start the Tutorial

    Intro to What Are We Building?


    Prerequisites

    React
    Setup for the Tutorial
    Option 1: Write Code in the
    Browser
    Option 2: Local Development
    Environment
    Help, I'm Stuck!
    This tutorial doesn’t assume any existing
    Overview
    React knowledge.
    What Is React?
    Inspecting the Starter Code
    Passing Data Through Props
    Making an Interactive
    Component
    Before We Start the Tutorial
    Developer Tools

    We will build a small game during this Completing the Game


    Lifting State Up
    tutorial. You might be tempted to skip it
    Why Immutability Is
    because you’re not building games — but Important
    give it a chance. The techniques you’ll learn Function Components
    in the tutorial are fundamental to building Taking Turns
    any React app, and mastering it will give you Declaring a Winner
    a deep understanding of React. Adding Time Travel
    Storing a History of Moves
    Lifting State Up, Again
    Tip Showing the Past Moves
    This tutorial is designed for people who Picking a Key
    prefer to learn by doing. If you prefer Implementing Time Travel
    learning concepts from the ground up, Wrapping Up

    1 of 2 12/05/2020, 22:04
    Tutorial: Intro to React – React https://reactjs.org/tutorial/tutorial.html

    TUTORIAL

    Before We Start the Tutorial


    What Are We Building?
    Prerequisites
    Setup for the Tutorial
    Option 1: Write Code in the Browser
    Option 2: Local Development Environment
    Help, I'm Stuck!
    Overview
    What Is React?
    Inspecting the Starter Code
    Passing Data Through Props
    Making an Interactive Component
    Developer Tools
    Completing the Game
    Lifting State Up
    Why Immutability Is Important
    Function Components
    Taking Turns
    Declaring a Winner
    Adding Time Travel
    Storing a History of Moves
    Lifting State Up, Again
    Showing the Past Moves
    Picking a Key
    Implementing Time Travel
    Wrapping Up

    2 of 2 12/05/2020, 22:04

    You might also like