Skip to content

Brady-Conn/bld04-react-todo-intro

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React TODO intro app

This is a basic app to showcase simple React functionality.

It is meant to accompany this tutorial

Setup

fork
git clone
cd react-todo-intro
npm install -g yarn // if yarn is not already installed on your machine
yarn install
yarn start

Instructions

  1. Once you have started the app, look at it in the browser and observe its behavior. Click all the buttons to see what they do. Take a look at the code.
  2. Notice that styles have been added so that you can see which components are rendered in the browser.
  3. Once you have looked at the app and the code, complete the following:
    1. Connect the Add button to an input so that you can add your own ToDos.
    2. In the UserView component, display the user's last name and make it editable.
    3. Answer this question: When you change the user's name in the UserView component, does it change state.user in the App component? Prove your answer by displaying the name in App component and observe it if changes.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 65.4%
  • HTML 24.5%
  • CSS 10.1%