Introduction and Setup
- What is React?
- Goals
- Structure
- Course Requirements
- Dev Environment Setup
- Text Editor Setup
- Video Blur Fix
- Course Review
Install create-react-app
- Command Line Basics
- NPM Basics
- What is Create-react-app, Babel, Webpack
- Install Create-react-app
- Folder Structure
- Remove Boilerplate
- Update!!!
React Basics Tutorial
- First Component
- Text Editor Setup
- First Component in Detail
- JSX Rules
- Nested Components and Tools
- Mini Book Project
- CSS
- JSX - CSS
- JSX - Javascript
- Props
- Props - Destructuring
- Props - Children
- Simple List
- Proper List
- Key Prop and Spread Operator
- Event Basics
- Import and Export Statements
- Free Hosting
React Hooks and Advanced Topics
- Intro
- Starter Project
- Install Starter
- Starter Overview
- useState - Simple Use Case
- useState - Basics
- General Rules of Hooks
- useState - Array Example
- useState - Object Example
- useState - Multiple State Values
- Simple Counter
- Functional Update Form
- Matching Project
- useEffect - Basics
- useEffect - Conditional
- useEffect - Dependency List
- useEffect - Cleanup Function
- useEffect - Fetch Data
- Multiple Returns - Basics
- Multiple Returns - Fetching Example
- Short-Circuit Evaluation
- Ternary Operator
- Show/Hide Component
- Matching Projects
- Form Basics
- Controlled Inputs
- Add Item to the List
- Multiple Inputs
- Matching Projects
- useRef
- Matching Project
- useReducer - useState Setup
- useReducer - Refactor
- useReducer - Add Item
- useReducer - Remove Item
- Prop Drilling
- Context API / useContext
- Matching Projects
- Custom Hooks - useFetch
- PropTypes - Setup
- PropTypes - Images
- PropTypes - Default Values
- React Router Intro
- React Router - Basic Setup
- React Router - Error and Switch Component
- React Router - Links
- React Router - Url Params and Placeholder
- React Optimization Warning!!!!
- React.memo
- useCallback
- useMemo
- useCallback - Fetch Example
- Matching Project
Basic Projects
- Intro
- Starter Project - Install and Overview
- Birthday Reminder - Intro
- Birthday Reminder - Setup
- Birthday Reminder - Complete
- Tours - Intro
- Tours - Fetch Data
- Tours - Display Tours
- Tours - Toggle Info
