Learn React JS - Full Course for Beginners - Tutorial 2019

Learn React JS - Full Course for Beginners - Tutorial 2019

freeCodeCamp.org via freeCodeCamp Direct link

) Container/Component Architecture

44 of 48

44 of 48

) Container/Component Architecture

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Learn React JS - Full Course for Beginners - Tutorial 2019

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

  1. 1 ) Course Introduction & Philosophy
  2. 2 ) What we'll be building
  3. 3 ) Why React?
  4. 4 ) ReactDOM & JSX
  5. 5 ) ReactDOM & JSX Practice
  6. 6 ) Functional Components
  7. 7 ) Functional Components Practice
  8. 8 ) Move Components into Separate Files
  9. 9 ) Parent/Child Components
  10. 10 ) Parent/Child Component Practice
  11. 11 ) Todo App - Phase 1
  12. 12 ) Styling React with CSS Classes
  13. 13 ) Some Caveats
  14. 14 ) JSX to JavaScript and Back
  15. 15 ) Inline Styles with the Style Property
  16. 16 ) Todo App - Phase 2
  17. 17 ) Props Part 1 - Understanding the Concept
  18. 18 ) Props Part 2 - Reusable Components
  19. 19 ) Props in React
  20. 20 ) Props and Styling Practice
  21. 21 ) Mapping Components
  22. 22 ) Mapping Components Practice
  23. 23 ) Todo App - Phase 3
  24. 24 ) Class-based Components
  25. 25 ) Class-based Components Practice
  26. 26 ) State
  27. 27 ) State Practice
  28. 28 ) State Practice 2
  29. 29 ) Todo App - Phase 4
  30. 30 ) Handling Events in React
  31. 31 ) Todo App - Phase 5
  32. 32 ) Changing State
  33. 33 ) Todo App - Phase 6
  34. 34 ) Lifecycle Methods Part 1
  35. 35 ) Lifecycle Methods Part 2
  36. 36 ) Conditional Rendering
  37. 37 ) Conditional Rendering Part 2
  38. 38 ) Conditional rendering Practice
  39. 39 ) Todo App - Phase 7
  40. 40 ) Fetching data from an API
  41. 41 ) Forms Part 1
  42. 42 ) Forms Part 2
  43. 43 ) Forms Practice
  44. 44 ) Container/Component Architecture
  45. 45 ) Meme Generator Capstone Project
  46. 46 ) Writing Modern React Apps
  47. 47 ) Project Ideas for Practicing
  48. 48 ) Conclusion

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.