Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Dive into a comprehensive 10-hour video course on React, covering fundamentals, hooks, context API, React Router, and custom hooks. Master the basics of this popular JavaScript library for building user interfaces. Learn about component creation, JSX rules, props, state management with useState and useReducer, side effects with useEffect, and advanced concepts like context API and custom hooks. Explore practical examples, including a mini book project, form handling, and data fetching. Gain hands-on experience with tools and best practices, from setting up your development environment to optimizing performance with React.memo, useCallback, and useMemo. By the end of this course, you'll have the skills to create dynamic and efficient React applications.

Syllabus

Intro .
About React .
Goals .
Structure .
Course Requirements .
Dev Environment Setup .
Text Editor Setup .
Command Line Basics .
NPM Basics .
Create-React-App .
Install Create-React-App .
Folder Structure .
Clean Boilerplate .
First Component .
Text Editor Setup .
First Component In Detail .
JSX Rules .
Nested Components And Tools .
Mini Book Project .
CSS Basics .
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 .
Advanced Intro .
Get 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 .
Multiple Returns - Fetching Data .
Short - Circuit Evaluation .
Ternary Operator .
Show/Hide Component .
Form Basics .
Controlled Inputs .
Add Item To The List .
Multiple Inputs .
useRef .
useReducer - UseState Setup .
useReducer - Refactor .
useReducer - Add Item .
useReducer - Remove Item .
Prop Drilling - .
Context API / - useContext .
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.