Completed
- Structuring React components
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React JS - Full Beginners Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 - Introduction
- 2 - What is the DOM?
- 3 - React vs ReactDOM
- 4 - Setting up React
- 5 - Babel & JSX
- 6 - JSX Interpolation
- 7 - React Components
- 8 - Create React App
- 9 - Structuring React components
- 10 - Building the CountButton component
- 11 - useState hook & React state management
- 12 - React functional component lifecycle
- 13 - Reusing components
- 14 - Props
- 15 - Props vs State
- 16 - Styling & style props
- 17 - External style sheets
- 18 - Building a search bar
- 19 - Handling inputs in React
- 20 - onUpdate input event
- 21 - Building a clear input button
- 22 - Conditional rendering
- 23 - Rendering a list of items & the map function
- 24 - The “key” prop
- 25 - Using the filter function to filter our list
- 26 - Making the SearchBar more reusable
- 27 - useEffect hook
- 28 - Simulating loading data with useEffect
- 29 - Adding a loading indicator
- 30 - Loading data from an external API
- 31 - The “children” prop
- 32 - Closing remarks & outro
