[Last updated 12/2024] The Ultimate React Course 2024: React, Next.js, Redux & More (Udemy – Vietsub)
About Course
Views
Master modern
React
from beginner to advanced!
Next.js
, Context API,
React Query
,
Redux
, Tailwind, advanced patterns
What you’ll learn:
Become an advanced, confident, and modern React developer from scratch
Build 10+ beautiful projects, including two HUGE professional real-world apps
Become job-ready by working with libraries and tools used in professional projects
Join my other 1,900,000+ happy students on this journey
Think like a senior React engineer with advanced design patterns
Next..js “App” router with cutting-edge React Server Components + Server Actions
State management: thinking about state, where to place, local vs. global, UI vs. remote
Build reusable, composable, and versatile components
Master the confusing but important useEffect hook once and for all
Build many custom hooks, reusable in your future projects
Description:
Learn the latest in
React
development with
The Ultimate React Course 2024
. This comprehensive course covers
React
,
Next.js
,
Redux
, and more, providing you with the skills and knowledge needed to build powerful and dynamic web applications.
Link gốc:
https://www.udemy.com/course/the-ultimate-react-course/
Time Course:
84 hours (505 Lectures + Documents)
Instructor
: Jonas Schmedtmann
Total Weight:
41.93 GB
** Note
:
Chú ý:
Course Content
30 – Deployment With Netlify and Vercel
-
001 Section Overview.mp4
01:09 -
002 Deploying to Netlify.mp4
11:20 -
003 Setting Up a Git and GitHub Repository.mp4
16:16 -
004 Deploying to Vercel.mp4
05:54
21 – PART 4 PROFESSIONAL REACT DEVELOPMENT [2 PROJECTS]
-
001 Introduction to Part 4.mp4
01:27
22 – React Router With Data Loading (v6.4+)
-
001 Section Overview.mp4
00:51 -
002 Setting Up a New Project Fast React Pizza Co.mp4
08:13 -
003 Application Planning.mp4
21:24 -
004 Setting Up a Professional File Structure.mp4
08:20 -
005 A New Way Of Implementing Routes.mp4
10:30 -
006 Building the App Layout.mp4
11:18 -
007 Fetching Data With React Router Loaders Pizza Menu.mp4
11:50 -
008 Displaying a Loading Indicator.mp4
06:00 -
009 Handling Errors With Error Elements.mp4
06:24 -
010 Fetching Orders.mp4
12:40 -
011 Writing Data With React Router Actions.mp4
19:03 -
012 Error Handling in Form Actions.mp4
10:26
23 – [Optional] Tailwind CSS Crash Course Styling the App
-
010 Styling Buttons Element States and Transitions.mp4
12:11 -
019 Styling the Order Overview.mp4
13:53 -
018 Styling the Order Form.mp4
13:21 -
017 Styling the Cart.mp4
11:46 -
016 Styling the Menu.mp4
18:27 -
015 Configuring Tailwind Custom Font Family.mp4
10:53 -
014 Absolute Positioning, z-index, and More.mp4
06:30 -
013 Reusing Styles With React Components.mp4
12:27 -
012 Reusing Styles With @apply.mp4
04:28 -
011 Styling Form Elements.mp4
10:22 -
001 Section Overview.mp4
00:59 -
009 Using CSS Grid.mp4
12:20 -
008 Using Flexbox.mp4
06:31 -
007 Responsive Design.mp4
10:48 -
006 The Box Model Spacing, Borders, and Display.mp4
11:17 -
005 Styling Text.mp4
10:00 -
004 Working With Color.mp4
08:59 -
003 Setting Up Tailwind CSS.mp4
12:03 -
002 What is Tailwind CSS.mp4
07:56
24 – Adding Redux and Advanced React Router
-
001 Section Overview.mp4
00:39 -
002 Modeling the User State With Redux Toolkit.mp4
13:23 -
003 Reading and Updating the User State.mp4
10:37 -
004 Modeling the Cart State.mp4
14:20 -
005 Adding Menu Items to the Cart.mp4
07:06 -
006 Building the Cart Overview With Redux Selectors.mp4
08:59 -
007 Building the Cart Page.mp4
07:05 -
008 Deleting Cart Items.mp4
14:44 -
009 Updating Cart Quantities.mp4
13:32 -
010 Using the Cart for New Orders.mp4
14:30 -
011 Redux Thunks With createAsyncThunk.mp4
16:04 -
012 Integrating Geolocation.mp4
16:04 -
013 Fetching Data Without Navigation useFetcher.mp4
12:44 -
014 Updating Data Without Navigation.mp4
14:37
25 – Setting Up Our Biggest Project + Styled Components
-
001 Section Overview.mp4
00:54 -
002 Application Planning.mp4
18:29 -
003 Setting Up the Project The Wild Oasis.mp4
08:11 -
004 Introduction to Styled Components.mp4
12:22 -
005 Global Styles With Styled Components.mp4
14:35 -
006 Styled Component Props and the css Function.mp4
10:25 -
007 Building More Reusable Styled Components.mp4
11:02 -
008 Setting Up Pages and Routes.mp4
06:26 -
009 Building the App Layout.mp4
14:21 -
010 Building the Sidebar and Main Navigation.mp4
13:09
26 – Supabase Crash Course Building a Back-End!
-
001 Section Overview.mp4
00:46 -
002 What is Supabase.mp4
02:24 -
003 Creating a New Database.mp4
05:27 -
004 Modeling Application State.mp4
05:34 -
005 Creating Tables.mp4
09:31 -
006 Relationships Between Tables.mp4
08:29 -
007 Adding Security Policies (RLS).mp4
06:18 -
008 Connecting Supabase With Our React App.mp4
08:45 -
009 Setting Up Storage Buckets.mp4
04:38
27 – React Query Managing Remote State
-
001 Section Overview.mp4
00:46 -
002 What is React Query.mp4
06:20 -
003 Setting Up React Query.mp4
07:19 -
005 Fetching Cabin Data.mp4
21:41 -
006 Mutations Deleting a Cabin.mp4
17:21 -
007 Displaying Toasts (Notifications).mp4
08:41 -
008 Introducing Another Library React Hook Form.mp4
11:17 -
009 Creating a New Cabin.mp4
12:13 -
010 Handling Form Errors.mp4
22:42 -
011 Uploading Images to Supabase.mp4
14:41 -
012 Editing a Cabin.mp4
30:39 -
013 Abstracting React Query Into Custom Hooks.mp4
17:26 -
014 Duplicating Cabins.mp4
06:49 -
015 Fetching Applications Settings.mp4
08:47 -
016 Updating Application Settings.mp4
11:27
28 – Advanced React Patterns
-
001 Section Overview.mp4
01:13 -
002 An Overview of Reusability in React.mp4
05:44 -
003 Setting Up an Example.mp4
06:19 -
004 The Render Props Pattern.mp4
07:42 -
005 A Look at Higher-Order Components (HOC).mp4
08:06 -
006 The Compound Component Pattern.mp4
18:17 -
007 Building a Modal Window Using a React Portal.mp4
19:54 -
008 Converting the Modal to a Compound Component.mp4
21:45 -
009 Detecting a Click Outside the Modal.mp4
13:36 -
010 Confirming Cabin Deletions.mp4
08:41 -
011 Building a Reusable Table.mp4
11:45 -
012 Applying the Render Props Pattern.mp4
04:38 -
013 Building a Reusable Context Menu.mp4
32:34
29 – [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc
-
026 Building the Dashboard Layout.mp4
04:25 -
018 User Logout.mp4
09:00 -
019 Fixing an Important Bug.mp4
05:35 -
020 Building the Sign Up Form.mp4
10:59 -
021 User Sign Up.mp4
15:01 -
022 Authorization on Supabase Protecting Database (RLS).mp4
04:39 -
023 Building The App Header.mp4
10:18 -
024 Updating User Data and Password.mp4
28:26 -
025 Implementing Dark Mode With CSS Variables.mp4
21:29 -
017 Authorization Protecting Routes.mp4
23:23 -
027 Computing Recent Bookings and Stays.mp4
15:20 -
028 Displaying Statistics.mp4
12:01 -
029 Displaying a Line Chart With the Recharts Library.mp4
22:55 -
030 Displaying a Pie Chart.mp4
15:52 -
031 Displaying Stays for Current Day.mp4
20:41 -
032 Error Boundaries.mp4
09:44 -
033 Final Touches + Fixing Bugs.mp4
14:38 -
001 Section Overview.mp4
01:16 -
016 Authentication User Login With Supabase.mp4
22:05 -
015 Deleting a Booking.mp4
13:33 -
014 Checking Out a Booking (+ Fixing a Small Bug).mp4
09:50 -
013 Adding Optional Breakfast.mp4
14:04 -
012 Checking In a Booking.mp4
28:18 -
011 Building the Single Booking Page.mp4
15:17 -
010 Prefetching With React Query.mp4
07:58 -
009 API-Side Pagination Paginating Bookings.mp4
10:38 -
008 Building a Reusable Pagination Component.mp4
15:52 -
007 API-Side Sorting Sorting Bookings.mp4
06:53 -
006 API-Side Filtering Filtering Bookings.mp4
17:10 -
005 Uploading Sample Data.mp4
06:15 -
004 Building the Bookings Table.mp4
17:59 -
003 Client-Side Sorting Sorting Cabins.mp4
20:25 -
002 Client-Side Filtering Filtering Cabins.mp4
18:49
20 – Redux and Modern Redux Toolkit (With Thunks)
-
010 The Legacy Way of Connecting Components to Redux.mp4
04:50 -
019 Redux vs. Context API.mp4
07:43 -
018 Creating the Customer Slice.mp4
09:14 -
017 Back to Thunks.mp4
05:01 -
016 Creating the Account Slice.mp4
21:43 -
015 Creating the Store With RTK.mp4
04:37 -
014 What is Redux Toolkit (RTK).mp4
03:40 -
013 The Redux DevTools.mp4
10:20 -
012 Making an API Call With Redux Thunks.mp4
17:50 -
011 Redux Middleware and Thunks.mp4
04:28 -
001 Section Overview.mp4
01:06 -
009 Dispatching Actions from Our React App.mp4
17:21 -
008 Back to React! Connecting our Redux App With React.mp4
05:46 -
007 Professional Redux File Structure State Slices.mp4
11:47 -
006 Adding More State Customer.mp4
12:30 -
005 Working With Action Creators.mp4
06:28 -
004 Creating a Redux Store.mp4
09:46 -
003 Creating a Reducer Bank Account.mp4
10:47 -
002 Introduction to Redux.mp4
12:13
31 – PART 5 FULL-STACK REACT WITH NEXT.JS [1 PROJECT]
-
001 Introduction to Part 5.mp4
01:23
32 – Overview of Next.js With the App Router
-
001 Section Overview.mp4
00:45 -
003 An Overview of Server-Side Rendering (SSR).mp4
15:45 -
004 Experiment Manual SSR With React DOM + Node.js.mp4
26:32 -
005 The Missing Piece Hydration.mp4
06:33 -
006 Implementing Hydration.mp4
15:04 -
007 What is Next.js.mp4
12:03 -
008 Setting Up a Next.js Project.mp4
10:11 -
010 Defining Routes and Pages.mp4
09:38 -
011 Navigating Between Pages.mp4
09:25 -
012 Creating a Layout.mp4
12:13 -
013 What are React Server Components (RSC – Part 1).mp4
32:04 -
014 Fetching Data in a Page.mp4
06:36 -
015 Adding Interactivity With Client Components.mp4
08:02 -
016 Displaying a Loading Indicator.mp4
06:28 -
017 How RSC Works Behind the Scenes (RSC – Part 2).mp4
18:35 -
018 RSC vs. SSR How are They Related (RSC – Part 3).mp4
12:15
33 – Starting to Build the Wild Oasis Website
-
001 Section Overview.mp4
00:51 -
002 Project Planning The Wild Oasis Customer Website.mp4
13:09 -
003 Project Organization.mp4
11:01 -
004 Styling With Tailwind CSS.mp4
09:23 -
005 Adding Page Metadata and Favicon.mp4
10:25 -
006 Loading and Optimizing Fonts.mp4
06:24 -
007 Improving the Navigation and Root Layout.mp4
07:02 -
008 Optimizing Images With Next.js Image Component.mp4
08:39 -
009 Building the Home Page.mp4
09:47 -
010 Building the About Page With Responsive Images.mp4
13:29 -
011 Adding Nested Routes and Pages.mp4
06:55 -
012 Adding a Nested Layout.mp4
12:13
34 – Data Fetching, Caching, and Rendering
-
010 Error Handling Not Found Errors.mp4
05:45 -
018 CHALLENGE #1 Fetching the Number of Cabins.mp4
03:46 -
017 Experimenting With Caching and ISR.mp4
20:39 -
016 How Next.js Caches Data.mp4
18:28 -
015 Partial Pre-Rendering.mp4
06:57 -
014 Static Site Generation (SSG).mp4
09:11 -
013 Making Dynamic Pages Static With generateStaticParams.mp4
08:33 -
012 Analyzing Rendering in Our App.mp4
04:47 -
011 Different Types of SSR Static vs. Dynamic Rendering.mp4
14:14 -
001 Section Overview.mp4
01:03 -
009 Error Handling Setting Up Error Boundaries.mp4
09:02 -
008 Generating Dynamic Metadata.mp4
03:39 -
007 Dynamic Route Segments Building the Cabin Page.mp4
10:25 -
006 Streaming UI With Suspense Cabin List.mp4
10:29 -
005 What is React Suspense.mp4
12:18 -
004 Streaming Route Segments With loading.js File.mp4
07:15 -
003 Fetching and Displaying Cabin List.mp4
11:13 -
002 Setting Up Supabase.mp4
11:43
35 – Client and Server Interactions
-
001 Section Overview.mp4
01:13 -
002 Blurring the Boundary Between Server and Client (RSC – Part 4).mp4
15:05 -
003 Client Components in Server Components.mp4
08:14 -
004 Highlighting Current Side Navigation Link.mp4
07:45 -
005 Sharing State Between Client and Server The URL.mp4
34:27 -
006 Advanced Server Components in Client Components.mp4
10:39 -
007 Data Fetching Strategies for the Reservation Section.mp4
27:00 -
008 Using the Context API for State Management.mp4
25:46 -
009 Creating an API Endpoint With Route Handlers.mp4
11:35
36 – Authentication With NextAuth (Auth.js)
-
001 Section Overview.mp4
00:54 -
002 Setting Up NextAuth.mp4
21:38 -
003 Getting the User Session.mp4
14:11 -
004 What is Middleware in Next.js.mp4
04:12 -
005 Protecting Routes With NextAuth Middleware.mp4
10:52 -
006 Building a Custom Sign In Page.mp4
12:17 -
007 Building a Custom Sign Out Button.mp4
03:22 -
008 Creating a New Guest on First Sign In.mp4
14:35
38 – Deployment With Vercel
-
001 Section Overview.mp4
00:47 -
002 Setting Up the GitHub Repository.mp4
03:24 -
003 Deploying to Vercel.mp4
06:18 -
004 Updating Environment Variables and OAuth Credentials.mp4
08:11
39 – [OPTIONAL] Legacy Next.js The Pages Router
-
001 Section Overview.mp4
01:07 -
002 Setting Up Another Project.mp4
08:52 -
003 Routes, Pages, and Navigation.mp4
07:35 -
004 Dynamic Routes.mp4
03:33 -
005 Creating a Layout With a Custom _App.mp4
06:37 -
006 Creating Pages.mp4
02:28 -
007 Defining Page Title and Favicon.mp4
06:02 -
008 Fetching Data With getStaticProps (SSG).mp4
08:12 -
009 Fetching Data With getServerSideProps (SSR).mp4
10:50 -
010 API Routes.mp4
11:55 -
011 Handling Form Submissions.mp4
15:41
40 – The End!
-
001 Where to Go from Here.mp4
03:20
11 – How React Works Behind the Scenes
-
010 The Key Prop.mp4
07:41 -
018 Section Summary Practical Takeaways.mp4
10:26 -
017 Libraries vs. Frameworks & The React Ecosystem.mp4
09:52 -
016 How Events Work in React.mp4
13:42 -
015 State Update Batching in Practice.mp4
15:43 -
014 State Update Batching.mp4
09:10 -
013 Rules for Render Logic Pure Components.mp4
09:23 -
012 Using the Key Prop to Fix Our Eat-‘N-Split App.mp4
04:06 -
011 Resetting State With the Key Prop.mp4
04:02 -
001 Section Overview.mp4
01:55 -
009 Diffing Rules in Practice.mp4
05:13 -
008 How Diffing Works.mp4
05:52 -
007 How Rendering Works The Commit Phase.mp4
11:27 -
006 How Rendering Works The Render Phase.mp4
18:28 -
005 How Rendering Works Overview.mp4
06:55 -
004 Instances and Elements in Practice.mp4
07:53 -
003 Components, Instances, and Elements.mp4
05:09 -
002 Project Setup and Walkthrough.mp4
11:10
02 – PART 1 REACT FUNDAMENTALS [4 PROJECTS]
-
001 Introduction to Part 1.mp4
00:55
03 – A First Look at React
-
001 Section Overview.mp4
00:39 -
002 Why Do Front-End Frameworks Exist.mp4
10:26 -
003 React vs. Vanilla JavaScript.mp4
07:08 -
004 What is React.mp4
09:17 -
005 Setting Up Our Development Environment.mp4
08:47 -
006 Pure React.mp4
14:49 -
007 A Quick Look at React’s Official Documentation.mp4
03:16 -
008 Setting Up a New React Project The Options.mp4
07:41 -
009 Setting Up a Project With Create-React-App.mp4
12:48
04 – [Optional] Review of Essential JavaScript for React
-
001 Section Overview.mp4
00:55 -
002 Destructuring Objects and Arrays.mp4
10:58 -
003 RestSpread Operator.mp4
09:53 -
004 Template Literals.mp4
04:50 -
005 Ternaries Instead of ifelse Statements.mp4
05:49 -
006 Arrow Functions.mp4
04:59 -
007 Short-Circuiting And Logical Operators &&, ,.mp4
10:32 -
008 Optional Chaining.mp4
06:30 -
009 The Array map Method.mp4
08:35 -
010 The Array filter Method.mp4
08:36 -
011 The Array reduce Method.mp4
07:20 -
012 The Array sort Method.mp4
06:38 -
013 Working With Immutable Arrays.mp4
11:06 -
014 Asynchronous JavaScript Promises.mp4
08:11 -
015 Asynchronous JavaScript AsyncAwait.mp4
07:30
05 – Working With Components, Props, and JSX
-
013 CHALLENGE #1 Profile Card (v1).mp4
17:25 -
024 CHALLENGE #2 Profile Card (v2).mp4
08:15 -
023 Section Summary.mp4
05:33 -
022 Setting Classes and Text Conditionally.mp4
08:00 -
021 React Fragments.mp4
05:36 -
020 Destructuring Props.mp4
04:52 -
019 Extracting JSX Into a New Component.mp4
04:32 -
018 Conditional Rendering With Multiple Returns.mp4
05:03 -
017 Conditional Rendering With Ternaries.mp4
04:45 -
016 Conditional Rendering With &&.mp4
09:16 -
015 Rendering Lists.mp4
11:24 -
014 The Rules of JSX.mp4
03:37 -
001 Section Overview.mp4
00:54 -
012 Props, Immutability, and One-Way Data Flow.mp4
07:09 -
011 Passing and Receiving Props.mp4
09:08 -
010 Styling React Applications.mp4
12:17 -
009 Separation of Concerns.mp4
05:57 -
008 JavaScript Logic in Components.mp4
04:26 -
007 Creating More Components.mp4
08:06 -
006 What is JSX.mp4
06:25 -
005 Creating And Reusing a Component.mp4
09:39 -
004 Components as Building Blocks.mp4
04:34 -
003 Before We Start Coding Debugging.mp4
09:46 -
002 Rendering the Root Component and Strict Mode.mp4
07:25
06 – State, Events, and Forms Interactive Components
-
011 More Thoughts About State + State Guidelines.mp4
06:33 -
021 CHALLENGE #2 Date Counter (v2).mp4
10:31 -
020 EXERCISE #1 Flashcards.mp4
13:56 -
019 State vs. Props.mp4
03:30 -
018 Controlled Elements.mp4
18:26 -
017 Building a Form and Handling Submissions.mp4
11:55 -
016 Rendering the Items List.mp4
08:42 -
015 Building the Layout.mp4
08:54 -
014 Starting a New Project The Far Away Travel List.mp4
04:08 -
013 CHALLENGE #1 Date Counter (v1).mp4
13:09 -
012 A Vanilla JavaScript Implementation.mp4
06:34 -
001 Section Overview.mp4
01:02 -
010 Updating State Based on Current State.mp4
05:16 -
009 React Developer Tools.mp4
06:09 -
008 Adding Another Piece of State.mp4
08:36 -
007 The Mechanics of State.mp4
04:51 -
006 Don’t Set State Manually!.mp4
05:17 -
005 Creating a State Variable With useState.mp4
09:06 -
004 What is State in React.mp4
06:08 -
003 Handling Events the React Way.mp4
07:21 -
002 Let’s Build a Steps Component.mp4
14:48
07 – Thinking In React State Management
-
009 Calculating Statistics as Derived State.mp4
10:42 -
017 CHALLENGE #1 Tip Calculator.mp4
22:09 -
016 EXERCISE #2 Accordion Component (v2).mp4
10:15 -
015 More Reusability With the children Prop.mp4
08:12 -
014 The children Prop Making a Reusable Button.mp4
16:10 -
013 EXERCISE #1 Accordion Component (v1).mp4
14:15 -
012 Moving Components Into Separate Files.mp4
08:53 -
011 Clearing the List.mp4
05:03 -
010 Sorting Items.mp4
10:48 -
001 Section Overview.mp4
00:58 -
008 Derived State.mp4
03:03 -
007 Updating an Item Complex Immutable Data Operation.mp4
07:43 -
006 Deleting an Item More Child-to-Parent Communication!.mp4
08:14 -
005 Reviewing Lifting Up State.mp4
06:25 -
004 Thinking About State and Lifting State Up.mp4
14:41 -
003 Fundamentals of State Management.mp4
09:24 -
002 What is Thinking in React.mp4
04:59
08 – [Optional] Practice Project Eat-‘N-Split
-
001 Section Overview.mp4
00:54 -
002 Project Setup.mp4
03:52 -
003 Building the Static App List of Friends.mp4
12:01 -
004 Building the Static App Forms.mp4
09:27 -
005 Displaying the New Friend Form.mp4
06:33 -
006 Adding a New Friend.mp4
18:38 -
007 Selecting a Friend.mp4
15:02 -
008 Creating Controlled Elements.mp4
09:53 -
009 Splitting a Bill.mp4
12:47
09 – PART 2 INTERMEDIATE REACT [2 PROJECTS]
-
001 Introduction to Part 2.mp4
01:15
10 – Thinking in React Components, Composition, and Reusability
-
009 Using Composition to Make a Reusable Box.mp4
06:30 -
017 CHALLENGE #1 Text Expander Component.mp4
18:20 -
016 PropTypes.mp4
07:24 -
015 Improving Reusability With Props.mp4
19:27 -
014 Props as a Component API.mp4
04:28 -
013 Handling Hover Events.mp4
07:43 -
012 Creating the Stars.mp4
13:04 -
011 Building a Reusable Star Rating Component.mp4
11:22 -
010 Passing Elements as Props (Alternative to children).mp4
04:44 -
001 Section Overview.mp4
01:00 -
008 Fixing Prop Drilling With Composition (And Building a Layout).mp4
08:49 -
007 Component Composition.mp4
04:50 -
006 Prop Drilling.mp4
07:31 -
005 Component Categories.mp4
02:42 -
004 Splitting Components in Practice.mp4
23:57 -
003 How to Split a UI Into Components.mp4
12:35 -
002 Setting Up the usePopcorn Project.mp4
04:10
01 – Welcome, Welcome, Welcome!
-
02:57
-
18:52
-
003 Watch Before You Start!.mp4
05:24 -
005 Downloading Course Material.mp4
03:34
12 – Effects and Data Fetching
-
010 Synchronizing Queries With Movie Data.mp4
15:08 -
019 CHALLENGE #1 Currency Converter.mp4
16:42 -
018 One More Effect Listening to a Keypress.mp4
14:06 -
017 Cleaning Up Data Fetching.mp4
10:16 -
016 Cleaning Up the Title.mp4
05:22 -
015 The useEffect Cleanup Function.mp4
04:20 -
014 Adding a New Effect Changing Page Title.mp4
08:43 -
013 Adding a Watched Movie.mp4
26:11 -
012 Loading Movie Details.mp4
17:43 -
011 Selecting a Movie.mp4
13:19 -
001 Section Overview.mp4
00:58 -
009 The useEffect Dependency Array.mp4
12:17 -
008 Handling Errors.mp4
13:02 -
007 Adding a Loading State.mp4
03:47 -
006 Using an async Function.mp4
05:40 -
005 A First Look at Effects.mp4
06:23 -
004 useEffect to the Rescue.mp4
04:40 -
003 How NOT to Fetch Data in React.mp4
09:48 -
002 The Component Lifecycle.mp4
04:31
13 – Custom Hooks, Refs, and More State
-
001 Section Overview.mp4
00:57 -
002 React Hooks and Their Rules.mp4
10:55 -
003 The Rules of Hooks in Practice.mp4
08:36 -
004 More Details of useState.mp4
12:30 -
005 Initializing State With a Callback (Lazy Initial State).mp4
13:30 -
006 useState Summary.mp4
03:14 -
007 How NOT to Select DOM Elements in React.mp4
03:38 -
008 Introducing Another Hook useRef.mp4
05:36 -
009 Refs to Select DOM Elements.mp4
10:09 -
010 Refs to Persist Data Between Renders.mp4
10:15 -
011 What are Custom Hooks When to Create One.mp4
04:22 -
012 Creating our First Custom Hook useMovies.mp4
13:02 -
013 Creating useLocalStorageState.mp4
09:06 -
014 Creating useKey.mp4
08:19 -
015 CHALLENGE #1 useGeolocate.mp4
07:27
14 – [Optional] React Before Hooks Class-Based React
-
001 Section Overview.mp4
01:16 -
002 Our First Class Component.mp4
09:32 -
003 Working With Event Handlers.mp4
10:24 -
004 Class Components vs. Function Components.mp4
05:37 -
005 Starting the Classy Weather App.mp4
07:45 -
006 Fetching Weather Data.mp4
09:39 -
007 Displaying the Weather.mp4
14:09 -
008 Removing Boilerplate Code With Class Fields.mp4
04:05 -
009 Child to Parent Communication.mp4
04:19 -
010 Lifecycle Methods.mp4
15:36
15 – PART 3 ADVANCED REACT + REDUX [4 PROJECTS]
-
001 Introduction to Part 3.mp4
01:11
16 – The Advanced useReducer Hook
-
009 Displaying Questions.mp4
07:45 -
017 CHALLENGE #1 Creating a Bank Account With useReducer.mp4
19:49 -
016 Section Summary useState vs. useReducer.mp4
05:53 -
015 Setting Up a Timer With useEffect.mp4
20:56 -
014 Restarting a Quiz.mp4
07:05 -
013 Finishing a Quiz.mp4
15:07 -
012 Displaying Progress.mp4
08:57 -
011 Moving to the Next Question.mp4
06:22 -
010 Handling New Answers.mp4
16:42 -
001 Section Overview.mp4
01:03 -
008 Starting a New Quiz.mp4
04:54 -
007 Handling Loading, Error, and Ready Status.mp4
09:05 -
006 Loading Questions from a Fake API.mp4
18:31 -
005 The React Quiz App.mp4
07:57 -
004 Managing State With useReducer.mp4
14:13 -
003 Managing Related Pieces of State.mp4
12:23 -
002 Yet Another Hook useReducer.mp4
17:58
17 – React Router Building Single-Page Applications (SPA)
-
009 Building the App Layout.mp4
08:44 -
017 Programmatic Navigation with Navigate.mp4
04:12 -
016 Programmatic Navigation with useNavigate.mp4
11:50 -
015 Reading and Setting a Query String.mp4
10:34 -
014 Dynamic Routes With URL Parameters.mp4
10:28 -
013 Storing State in the URL.mp4
05:31 -
012 Implementing the Countries List.mp4
11:07 -
011 Implementing the Cities List.mp4
18:42 -
010 Nested Routes and Index Route.mp4
13:25 -
001 Section Overview.mp4
01:01 -
008 Building the Pages.mp4
16:59 -
007 Using CSS Modules.mp4
16:30 -
006 Styling Options For React Applications.mp4
05:50 -
005 Linking Between Routes With Link and NavLink.mp4
09:57 -
004 Implementing Main Pages and Routes.mp4
12:15 -
003 Routing and Single-Page Applications (SPAs).mp4
06:40 -
002 Creating Our First App With Vite WorldWise.mp4
15:41
18 – Advanced State Management The Context API
-
012 Displaying City Markers on Map.mp4
05:58 -
022 CHALLENGE #2 Refactoring React Quiz to Context API.mp4
08:22 -
021 Adding Fake Authentication Protecting a Route.mp4
11:21 -
020 Adding Fake Authentication Implementing Login.mp4
16:24 -
019 Adding Fake Authentication Setting Up Context.mp4
11:02 -
018 Advanced State Management System Context + useReducer.mp4
22:38 -
017 Deleting a City.mp4
05:37 -
016 Creating a New City.mp4
23:27 -
015 Fetching City Data in the Form.mp4
17:42 -
014 Setting Map Position With Geolocation.mp4
11:33 -
013 Interacting With the Map.mp4
13:38 -
001 Section Overview.mp4
00:59 -
011 Including a Map With the Leaflet Library.mp4
09:25 -
010 Finishing the City View.mp4
17:58 -
009 Consuming the CitiesContext.mp4
04:26 -
008 Back to WorldWise Creating a CitiesContext.mp4
08:32 -
007 Thinking In React Advanced State Management.mp4
11:38 -
006 Advanced Pattern A Custom Provider and Hook.mp4
16:15 -
005 Consuming the Context.mp4
10:53 -
004 Creating and Providing a Context.mp4
09:26 -
003 What is the Context API.mp4
05:16 -
002 CHALLENGE #1 Understand The Atomic Blog App.mp4
04:22
19 – Performance Optimization and Advanced useEffect
-
010 Optimizing Context Re-Renders.mp4
14:47 -
018 Closures in Effects.mp4
09:52 -
017 Using Helper Functions In Effects.mp4
15:04 -
016 Setting State Based on Other State Updates.mp4
11:55 -
015 CHALLENGE #1 Fix Performance Issues in Workout Timer.mp4
12:14 -
014 useEffect Rules and Best Practices.mp4
10:01 -
013 Don’t Optimize Prematurely!.mp4
02:59 -
012 Optimizing Bundle Size With Code Splitting.mp4
15:52 -
011 Back to The WorldWise App.mp4
12:37 -
001 Section Overview.mp4
01:02 -
009 useCallback in Practice.mp4
10:09 -
008 useMemo in Practice.mp4
08:42 -
007 Understanding useMemo and useCallback.mp4
06:39 -
006 memo in Practice.mp4
13:17 -
005 Understanding memo.mp4
05:29 -
004 A Surprising Optimization Trick With children.mp4
11:49 -
003 The Profiler Developer Tool.mp4
08:21 -
002 Performance Optimization and Wasted Renders.mp4
06:06
Student Ratings & Reviews
No Review Yet