/react-starter

starter code

Primary LanguageCSS

Code together Todo in react

Setup Instructions

  1. npx create-react-app todo
  2. cd todo
  3. optional: delete a few files cd src;rm -- App.test.js App.css logo.svg reportWebVitals.js setupTests.js
    • note if you do this you will also have to remove imports & references to these
  4. mkdir src/components
  5. change the title in public/index.html to "Todo with React"
  6. copy app.starter.js into src/App.js (remove comments /* */ & replace the default App function)
  7. copy index.starter.css into src/index.css (replace the content)
  8. copy index.starter.js into src/index.js (replace the content)
  9. now npm run start make sure you see all of the fields
    Todo screenshot

Now you're ready to create components.

Teacher's soluition is in todo using components, props, state and useState() hook. Feel free to expand on it!

original exercise on MDN