React JS Lists and Keys - Learn ReactJS

React JS Lists and Keys - Learn ReactJS

Dave Gray via YouTube Direct link

Intro

1 of 20

1 of 20

Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

React JS Lists and Keys - Learn ReactJS

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Tutorial Setup
  3. 3 Changing the default state
  4. 4 View the new state in React Dev Tools
  5. 5 Displaying list items with map
  6. 6 Lists of elements need keys
  7. 7 Previewing the React list
  8. 8 Adding the react-icons package
  9. 9 Applying CSS styles to the React list
  10. 10 Why we don't see a checkmark when we click
  11. 11 Adding an onChange listener
  12. 12 The handleCheck function
  13. 13 View the new component state in React Dev Tools
  14. 14 Saving state to localStorage
  15. 15 Adding an onDoubleClick listener
  16. 16 Adding conditional CSS styling
  17. 17 Adding an onClick listener
  18. 18 The handleDelete function
  19. 19 Adding an empty list message
  20. 20 When will we load state from localStorage?

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.