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