React JS Crash Course

React JS Crash Course

Traversy Media via YouTube Direct link

- Intro & Slides

1 of 32

1 of 32

- Intro & Slides

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React JS Crash Course

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

  1. 1 - Intro & Slides
  2. 2 - Create a React app
  3. 3 - Files & folders
  4. 4 - App component & JSX
  5. 5 - Expressions in JSX
  6. 6 - Creating a component
  7. 7 - Component Props
  8. 8 - PropTypes
  9. 9 - Styling
  10. 10 - Button Component
  11. 11 - Events
  12. 12 - Tasks Component
  13. 13 - Create a list with .map()
  14. 14 - State & useState Hook
  15. 15 - Global state
  16. 16 - Task Component
  17. 17 - Icons with react-icons
  18. 18 - Delete task & prop drilling
  19. 19 - Optional message if no tasks
  20. 20 - Toggle reminder & conditional styling
  21. 21 - Add Task Form
  22. 22 - Form input state (controlled components)
  23. 23 - Add task submit
  24. 24 - showAddTask state
  25. 25 - Button toggle
  26. 26 - Build for production
  27. 27 - JSON Server
  28. 28 - useEffect Hook & Fetch tasks from server
  29. 29 - Delete task from server
  30. 30 - Add task to server
  31. 31 - Toggle reminder on server
  32. 32 - Routing, footer & about

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.