Get Started with React.js and React Router 6

Get Started with React.js and React Router 6

Academind via YouTube Direct link

: Introduction

1 of 36

1 of 36

: Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Get Started with React.js and React Router 6

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

  1. 1 : Introduction
  2. 2 : What Is React?
  3. 3 : React requirements
  4. 4 : Creating a React project
  5. 5 : Exploring a new React project
  6. 6 : Understanding how React works & the role of components
  7. 7 : Building & using a custom component
  8. 8 : Outputting dynamic values
  9. 9 : Reusing components
  10. 10 : Working with “props”
  11. 11 : Styling & working with CSS Modules
  12. 12 : Time to practice
  13. 13 : Preparing the app for “state”
  14. 14 : Listening to user events
  15. 15 : Adding & using “state” via useState
  16. 16 : Lifting state up
  17. 17 : The special “children” prop
  18. 18 : Rendering content conditionally
  19. 19 : Sharing components & more state management
  20. 20 : Adding form buttons
  21. 21 : Handling form submission
  22. 22 : Updating state based on previous state
  23. 23 : Outputting list data
  24. 24 : Connecting frontend & backend
  25. 25 : Sending a POST request
  26. 26 : Handling side effects with useEffect
  27. 27 : Handling “loading” state
  28. 28 : Understanding & adding “Routing”
  29. 29 : Adding routes with “React Router” v6+
  30. 30 : Adding layout routes
  31. 31 : Refactoring route components & more nesting
  32. 32 : Adding links & navigation
  33. 33 : Data fetching via “loader” functions
  34. 34 : Submitting data via “action” functions
  35. 35 : Adding dynamic routes
  36. 36 : Summary

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.