React 101

Learn how to build a few practical React components from scratch.

Module 1	Collapsible Component (2020)
Unit 1	R101 - Project Setup - 3:14
Unit 2	R101 - Components Structure - 4:03
Unit 3	R101 - Styled Components - 7:06
Unit 4	R101 - useState - 6:35
Unit 5	R101 - useRef - 6:05
Module 2	Fetching Data (2020)
Unit 1	R101 - useEffect - 5:11
Unit 2	R101 - useEffect with fetch - 6:45
Unit 3	R101 - isLoading state - 8:58
Unit 4	R101 - Custom React Hook - 7:23
Unit 5	R101 - Export function from custom hook - 3:54
Module 3	Collapsible Component
Unit 1	R101 - #1 - Introduction and setup - 5:08
Unit 2	R101 - #2 - Passing children to React component - 5:27
Unit 3	R101 – #3 – Conditional class rendering - 6:08
Unit 4	R101 - #4 - Calculating height of an element - 6:04
Module 4	Fetching Data
Unit 1	R101 - Fetch - #1 - Creating the initial loading State - 8:14
Unit 2	R101 - Fetch - #2 - Using the Fetch API - 8:46
Unit 3	R101 - Fetch - #3 - How to use localStorage - 7:34
Unit 4	R101 - Fetch - #4 - Checking the time since a timestamp - 7:45
Module 5	Currency Converter
Unit 1	R101 – Currency – #1 – Loading data into state – 11:59
Unit 2	R101 - Converter - #2 - Filtering through data - 7:30
Unit 3	R101 - Converter - #3 - Conversion calculations - 10:47