Completed
First Component In Detail
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 About React
- 3 Goals
- 4 Structure
- 5 Course Requirements
- 6 Dev Environment Setup
- 7 Text Editor Setup
- 8 Command Line Basics
- 9 NPM Basics
- 10 Create-React-App
- 11 Install Create-React-App
- 12 Folder Structure
- 13 Clean Boilerplate
- 14 First Component
- 15 Text Editor Setup
- 16 First Component In Detail
- 17 JSX Rules
- 18 Nested Components And Tools
- 19 Mini Book Project
- 20 CSS Basics
- 21 JSX Css
- 22 JSX Javascript
- 23 Props
- 24 Props Destructuring
- 25 Props - Children
- 26 Simple List
- 27 Proper List
- 28 Key Prop And Spread Operator
- 29 Event Basics
- 30 Import And Export Statements
- 31 Free Hosting
- 32 Advanced Intro
- 33 Get Starter Project
- 34 Install Starter
- 35 Starter Overview
- 36 UseState - Simple Use Case
- 37 UseState - Basics
- 38 General Rules Of Hooks
- 39 UseState - Array Example
- 40 UseState - Object Example
- 41 UseState - Multiple State Values
- 42 Simple Counter
- 43 Functional Update Form
- 44 Matching Project
- 45 useEffect - Basics
- 46 useEffect - Conditional
- 47 useEffect - Dependency List
- 48 useEffect - Cleanup Function
- 49 useEffect - Fetch Data
- 50 Multiple Returns
- 51 Multiple Returns - Fetching Data
- 52 Short - Circuit Evaluation
- 53 Ternary Operator
- 54 Show/Hide Component
- 55 Form Basics
- 56 Controlled Inputs
- 57 Add Item To The List
- 58 Multiple Inputs
- 59 useRef
- 60 useReducer - UseState Setup
- 61 useReducer - Refactor
- 62 useReducer - Add Item
- 63 useReducer - Remove Item
- 64 Prop Drilling -
- 65 Context API / - useContext
- 66 Custom Hooks - useFetch
- 67 PropTypes - Setup
- 68 PropTypes - Images
- 69 PropTypes - Default Values
- 70 React Router Intro
- 71 React Router - Basic Setup
- 72 React Router - Error And Switch Component
- 73 React Router - Links
- 74 React Router - URL Params And Placeholder
- 75 React Optimization Warning
- 76 React.memo
- 77 useCallback
- 78 useMemo
- 79 useCallback - Fetch Example