React Complete Series
103 videos • 162,373 views • by Caleb Curry
Complete beginner to pro React series. Enjoy!
1
React JS Full Course (20 HOUR All-in-One Tutorial for Beginners) - PART 1!
Caleb Curry
Download
2
React JS Full Course (20 HOUR All-in-One Tutorial for Beginners) - PART 2!
Caleb Curry
Download
3
Intro to React - React Tutorial 1
Caleb Curry
Download
4
Create React App Files Explained - React Tutorial 2
Caleb Curry
Download
5
Our First Component - React Tutorial 3
Caleb Curry
Download
6
Understand Props in Components - React Tutorial 4
Caleb Curry
Download
7
Intro to useState Hook - React Tutorial 5
Caleb Curry
Download
8
Install Tailwind CSS for React - React Tutorial 6
Caleb Curry
Download
9
Styling React with Tailwind CSS Classes - React tutorial 7
Caleb Curry
Download
10
Map through State Array (Loop) - React tutorial 8
Caleb Curry
Download
11
Create a Popup Modal with React Bootstrap - React Tutorial 9
Caleb Curry
Download
12
Create and Style HTML Form - React Tutorial 10
Caleb Curry
Download
13
Prefill Form Data in Modal - React Tutorial 11
Caleb Curry
Download
14
Update Parent Component State in Child Component - React Tutorial 12
Caleb Curry
Download
15
How to Push to State Array - React Tutorial 13
Caleb Curry
Download
16
Pass a Component to Props - React Tutorial 14
Caleb Curry
Download
17
Create a Navbar with Tailwind CSS - React Tutorial 15
Caleb Curry
Download
18
Pages and props.children - React Tutorial 16
Caleb Curry
Download
19
Routing with React Router - React Tutorial 17
Caleb Curry
Download
20
Create an Active Page Link in Navbar - React Tutorial 18
Caleb Curry
Download
21
Finishing up Our Header - React Tutorial 19
Caleb Curry
Download
22
Intro to useEffect Hook - React Tutorial 20
Caleb Curry
Download
23
useEffect Dependency Array Explained - React Tutorial 21
Caleb Curry
Download
24
Fetch an API to Display on Page - React Tutorial 22
Caleb Curry
Download
25
URL Parameters in Router - React Tutorial 23
Caleb Curry
Download
26
Redirect with useNavigate Hook - React Tutorial 24
Caleb Curry
Download
27
Create 404 (Not Found) Page - React Tutorial 25
Caleb Curry
Download
28
Fetch Response Status Codes and Errors - React Tutorial 26
Caleb Curry
Download
29
Build and Style a Search Component - React Tutorial 27
Caleb Curry
Download
30
Setup a Django Backend (Full Stack App) - React Tutorial 28
Caleb Curry
Download
31
Create a REST API Backend - React Tutorial 29
Caleb Curry
Download
32
Consume Backend API - React Tutorial 30
Caleb Curry
Download
33
Create a Details by ID API - React Tutorial 31
Caleb Curry
Download
34
Create a Details Page - React Tutorial 32
Caleb Curry
Download
35
Return 404 From Backend API (Django) - React Tutorial 33
Caleb Curry
Download
36
Code a Full CRUD API (Create, Read, Update, Delete) - React Tutorial 34
Caleb Curry
Download
37
DELETE Request with Fetch - React Tutorial 35
Caleb Curry
Download
38
Popup Modal to Add Data (POST) - React Tutorial 36
Caleb Curry
Download
39
Close Modal on POST Success (and Add Result to State) - React Tutorial 37
Caleb Curry
Download
40
Dynamic Edit Form to Update API Data - React Tutorial 38
Caleb Curry
Download
41
Comparing State Objects - React Tutorial 39
Caleb Curry
Download
42
Display Form Errors on Page - React Tutorial 40
Caleb Curry
Download
43
Tailwind CSS Form and Button Styling - React Tutorial 41
Caleb Curry
Download
44
Intro to JWTs and Authentication (JSON Web Tokens) - React Tutorial 42
Caleb Curry
Download
45
Create a Login Page - React Tutorial 43
Caleb Curry
Download
46
localStorage and Bearer Auth Tokens - React Tutorial 44
Caleb Curry
Download
47
useLocation and useNavigate State (Redirect to Previous Page on Login) - React Tutorial 45
Caleb Curry
Download
48
useContext Hook Introduction - React Tutorial 46
Caleb Curry
Download
49
Create a Logout Button - React Tutorial 47
Caleb Curry
Download
50
Auth Refresh Tokens - React Tutorial 48
Caleb Curry
Download
51
User Register Form and API - React Tutorial 49
Caleb Curry
Download
52
Create a Custom Hook (useFetch) - React Tutorial 50
Caleb Curry
Download
53
Destructuring Explained (Custom Hook Parameters and Return Data) - React Tutorial 51
Caleb Curry
Download
54
Default Values and Nested Data with Destructuring - React Tutorial 52
Caleb Curry
Download
55
Custom Hook on Button Click (onClick POST with useFetch) - React Tutorial 53
Caleb Curry
Download
56
TypeScript and Axios Intro - React Tutorial 54
Caleb Curry
Download
57
TypeScript Components - React Tutorial 55
Caleb Curry
Download
58
Generate Drop Down List from API - React Tutorial 56
Caleb Curry
Download
59
Crypto Price Chart with Chart.js - React Tutorial 57
Caleb Curry
Download
60
Dynamic Chart with Multiple Drop Downs (Chart.js) - React Tutorial 58
Caleb Curry
Download
61
Calculate Crypto Values - React Tutorial 59
Caleb Curry
Download
62
Aggregate Data with map and reduce - React Tutorial 60
Caleb Curry
Download
63
Pie Chart with Chart.js (react-chartjs-2) - React Tutorial 61
Caleb Curry
Download
64
GraphQL API and Apollo Intro - React Tutorial 62
Caleb Curry
Download
65
GraphQL in Django Backend (Graphene) - React Tutorial 63
Caleb Curry
Download
66
Consume GraphQL API in Frontend - React Tutorial 64
Caleb Curry
Download
67
GraphQL Mutations and Parameters in Graphene - React Tutorial 65
Caleb Curry
Download
68
Mutations with useMutation Apollo Client - React Tutorial 66
Caleb Curry
Download
69
GraphQL Nested Data - React Tutorial 67
Caleb Curry
Download
70
Build a Nested Order Form Component - React Tutorial 68
Caleb Curry
Download
71
Mutation for Nested Data (Backend) - React Tutorial 69
Caleb Curry
Download
72
Add to GraphQL List and refetchQueries - React Tutorial 70
Caleb Curry
Download
73
Intro to Next.js Static Site Generation + Server Side Rendering - React Tutorial 71
Caleb Curry
Download
74
Routing and Parameters - Next.js - React Tutorial 72
Caleb Curry
Download
75
Static Site Generation with getStaticProps - Next.js - React Tutorial 73
Caleb Curry
Download
76
Call an API with Axios in getStaticProps - Next.js - React Tutorial 74
Caleb Curry
Download
77
Incremental Static Regeneration - Next.js - React Tutorial 75
Caleb Curry
Download
78
getStaticPaths Static Data Fetching (Parameterized Pages) - Next.js - React Tutorial 76
Caleb Curry
Download
79
fallback with getStaticPaths - Next.js - React Tutorial 77
Caleb Curry
Download
80
Lazy Caching with getStaticPaths - Next.js - React Tutorial 78
Caleb Curry
Download
81
Connect to MongoDB - React Tutorial 79
Caleb Curry
Download
82
MongoDB findOne by ObjectID - React Tutorial 80
Caleb Curry
Download
83
Create a GET API with MongoDB - Next.js - React Tutorial 81
Caleb Curry
Download
84
Details API by Object ID (MongoDB) - Next.js - React Tutorial 82
Caleb Curry
Download
85
POST a New Document (MongoDB API) - Next.js - React Tutorial 83
Caleb Curry
Download
86
On-Demand Revalidation in Next.js - React Tutorial 84
Caleb Curry
Download
87
Update and Delete API for MongoDB - Next.js - React Tutorial 85
Caleb Curry
Download
88
Intro to React Query - React Tutorial 86
Caleb Curry
Download
89
React Query Refetch Options and Dev Tools - React Tutorial 87
Caleb Curry
Download
90
React Query Refetching Stale Data - React Tutorial 88
Caleb Curry
Download
91
Data Caching in React Query - React Tutorial 89
Caleb Curry
Download
92
React Query with Next.js Static Site Generation (SSG) - React Tutorial 90
Caleb Curry
Download
93
Intro to Material UI - React Tutorial 91
Caleb Curry
Download
94
Icons and Tooltips in Material UI - React Tutorial 92
Caleb Curry
Download
95
Create a Website Theme - Material UI - React Tutorial 93
Caleb Curry
Download
96
Navigation and Active Link Highlighting - Material UI - React Tutorial 94
Caleb Curry
Download
97
Grid Styling with Material UI - React Tutorial 95
Caleb Curry
Download
98
Data Grid Table with Material UI - React Tutorial 96
Caleb Curry
Download
99
Filter Orders by Customer with DataGrid initialState - Material UI - React Tutorial 97
Caleb Curry
Download
100
API for nested Objects and MongoDb ObjectId - React Tutorial 98
Caleb Curry
Download
101
Adding TypeScript Types to Our Next.js Page - React Tutorial 99
Caleb Curry
Download
102
Deploy a Next.js Application with Vercel - React Tutorial 100
Caleb Curry
Download
103
Where do I go from Here? 10 Things to Learn - React Tutorial Series Conclusion
Caleb Curry
Download