Course Content
30 – Deployment With Netlify and Vercel
0/4
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]
0/1
001 Introduction to Part 4.mp4
01:27
22 – React Router With Data Loading (v6.4+)
0/12
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
0/19
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
0/14
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
0/10
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!
0/9
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
0/15
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
0/13
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
0/33
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)
0/19
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]
0/1
001 Introduction to Part 5.mp4
01:23
32 – Overview of Next.js With the App Router
0/16
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
0/12
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
0/18
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
0/9
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)
0/8
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
0/4
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
0/11
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!
0/1
001 Where to Go from Here.mp4
03:20
11 – How React Works Behind the Scenes
0/18
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]
0/1
001 Introduction to Part 1.mp4
00:55
03 – A First Look at React
0/9
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
0/15
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
0/24
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
0/21
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
0/17
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
0/9
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]
0/1
001 Introduction to Part 2.mp4
01:15
10 – Thinking in React Components, Composition, and Reusability
0/17
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!
0/4
001 Course Roadmap and Projects.mp4
02:57
002 Building Our First React App!.mp4
18:52
003 Watch Before You Start!.mp4
05:24
005 Downloading Course Material.mp4
03:34
12 – Effects and Data Fetching
0/19
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
0/15
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
0/10
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]
0/1
001 Introduction to Part 3.mp4
01:11
16 – The Advanced useReducer Hook
0/17
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)
0/17
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
0/22
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
0/18
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
[Last updated 12/2024] The Ultimate React Course 2024: React, Next.js, Redux & More (Udemy – Vietsub)
Previous
Next
0% Complete