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