React JavaScript Framework for Beginners – Project-Based Course

React JavaScript Framework for Beginners – Project-Based Course

freeCodeCamp.org via freeCodeCamp Direct link

) Course Introduction

1 of 47

1 of 47

) Course Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

React JavaScript Framework for Beginners – Project-Based Course

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

  1. 1 ) Course Introduction
  2. 2 ) Introduction, part 1
  3. 3 ) What is Replit
  4. 4 ) What is React
  5. 5 ) Create a Repl
  6. 6 ) Create Functional Components
  7. 7 ) Install Bootstrap 5
  8. 8 ) Implement the useState Hook in a Functional Component
  9. 9 ) Upload Image Files to Replit
  10. 10 ) Create JSX Code to Render Bootstrap Cards for Employees
  11. 11 ) Create Teams DropDown List
  12. 12 ) Use JavaScript Events to Set State
  13. 13 ) Move State Related Functionality to the App Component
  14. 14 ) Understanding Props
  15. 15 ) LocalStorage and the useEffect Hook
  16. 16 ) Routing, react-router-dom package, Navigation
  17. 17 ) Create Employee Component
  18. 18 ) Abstract Responsibilities Into Functional Components
  19. 19 ) Implement Media Queries
  20. 20 ) Using Context to Reduce or Avoid Prop Drilling
  21. 21 ) Course Wrap up
  22. 22 ) Introduction, part 2
  23. 23 ) Setup
  24. 24 ) Context API
  25. 25 ) Data Fetching
  26. 26 ) Meals Component
  27. 27 ) Search Component
  28. 28 ) Modal Component
  29. 29 ) Favorites Component
  30. 30 ) Introduction, part 3
  31. 31 ) Initialize Project
  32. 32 ) React Router
  33. 33 ) Fetching Data From API
  34. 34 ) Multiple Requests with Promise.all()
  35. 35 ) Map Method for rendering lists
  36. 36 ) Rendering Table of Stocks
  37. 37 ) Color Coding data
  38. 38 ) Autocomplete Search Component
  39. 39 ) Context API
  40. 40 ) Navigating Between Pages
  41. 41 ) Fetching Historical Data
  42. 42 ) Formatting Data
  43. 43 ) Working with Charts
  44. 44 ) Chart Time Toggle
  45. 45 ) Delete Stock (Event Propagation)
  46. 46 ) Stock Data
  47. 47 ) Local Storage

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.