In this course, I will teach you the core fundamentals of React as we take a project based approach to learning this amazing framework. Together we will cover all of the core concepts of React, starting from the basics all the way through more advanced concepts like React Router and Redux. Only the latest features of React will be covered, and yes that means this course will only use React hooks & functional components.
Some of the topics we'll cover in this course
- Setting up development environment
- State management
- React Hooks
- Passing data through props
- Fundamentals of JSX
- CRUD Apps
- Fetching data from API
- Context API
- Reducers
- React Router
- History API
- Charting Libraries
- Redux
Course Curriculum
Setting Up Development Environment
Available in
days
days
after you enroll
Getting Familiar with React
Available in
days
days
after you enroll
- Section Intro (0:52)
- Create-React-App Windows Setup (9:49)
- Create-React-App Mac Setup (10:38)
- Create-React-App Overview (6:22)
- Rendering First Element (5:45)
- What is JSX (6:27)
- What Are React Components (3:09)
- Class vs Functional Components (2:25)
- First React Component (5:03)
- React Fragments (3:51)
- Rendering Dynamic Data (6:02)
- CSS Classes in React Part 1 (6:19)
- CSS Classes in React Part 2 (7:23)
- Render Lists (12:07)
- Multiple Components (7:52)
- Handling Events in React (4:49)
Managing State in React
Available in
days
days
after you enroll
Responsive NavBar Project
Available in
days
days
after you enroll
Tweeter Project & Intro to Props
Available in
days
days
after you enroll
Props Continued
Available in
days
days
after you enroll
Contacts App, Your first CRUD Application
Available in
days
days
after you enroll
- Project Intro (1:20)
- Intro to useRef hook (9:48)
- Uncontrolled inputs (6:06)
- Controlled Inputs (7:05)
- Starting Contact App (7:52)
- Adding Contacts (Create) (4:51)
- Contacts Component (Read) (4:06)
- Deleting Contacts (Delete) (7:38)
- Updating Contacts (Update) (6:59)
- React Developer Tools (4:44)
- Search Component (4:54)
- Use-Effect hook (16:43)
Fetching Data from an API
Available in
days
days
after you enroll
Pexels Project
Available in
days
days
after you enroll
Giphy Project
Available in
days
days
after you enroll
Context API
Available in
days
days
after you enroll
Expense Tracker Project
Available in
days
days
after you enroll
Reducers
Available in
days
days
after you enroll
React Router
Available in
days
days
after you enroll
History API
Available in
days
days
after you enroll
CoinStar Project
Available in
days
days
after you enroll
- Project Intro (4:05)
- Routing & Bootstrap (11:25)
- CoinGecko API (13:48)
- WatchList Context API (5:44)
- Join Watchlist (2:00)
- Loading Functionality (1:56)
- Render Coins to Screen (13:43)
- Deleting Coins (14:07)
- URL Parameters (9:01)
- Fetching Data for DetailPage (22:23)
- Setup Loading (1:14)
- Working With Charts (21:51)
- Charts Continued (12:01)
- Chart Responsiveness Fix (0:20)
- CoinData Component (8:39)
- Local Storage (12:00)
Redux Basics
Available in
days
days
after you enroll
Redux Banking App
Available in
days
days
after you enroll
Redux Miles Tracker Project
Available in
days
days
after you enroll
Redux Middleware
Available in
days
days
after you enroll
Redux Async
Available in
days
days
after you enroll