React JS Crash Course

React JS Crash Course

Traversy Media via YouTube Direct link

- Build for production

26 of 32

26 of 32

- Build for production

Class Central Classrooms beta

YouTube playlists 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.