Lesson 013 Reusing Styles With React Components - Free IT Course Platform

Skip to content

Course List
Free Ebook
Knowledge Sharing
Search for:

Course Content

01 – Welcome, Welcome, Welcome!

0/5

Download Attachment

Lesson 001 Course Roadmap and Projects

Lesson 002 Building Our First React App!

Lesson 003 Watch Before You Start!

Lesson 005 Downloading Course Material

02 – PART 1 REACT FUNDAMENTALS [4 PROJECTS]

0/2

Download Attachment

Lesson 001 Introduction to Part 1

03 – A First Look at React

0/10

Download Attachment

Lesson 001 Section Overview

Lesson 002 Why Do Front-End Frameworks Exist

Lesson 003 React vs. Vanilla JavaScript

Lesson 004 What is React

Lesson 005 Setting Up Our Development Environment

Lesson 006 Pure React

Lesson 007 A Quick Look at React’s Official Documentation

Lesson 008 Setting Up a New React Project The Options

Lesson 009 Setting Up a Project With Create-React-App

04 – [Optional] Review of Essential JavaScript for React

0/15

Lesson 001 Section Overview

Lesson 002 Destructuring Objects and Arrays

Lesson 003 RestSpread Operator

Lesson 004 Template Literals

Lesson 005 Ternaries Instead of ifelse Statements

Lesson 006 Arrow Functions

Lesson 007 Short-Circuiting And Logical Operators &&, ,

Lesson 008 Optional Chaining

Lesson 009 The Array map Method

Lesson 010 The Array filter Method

Lesson 011 The Array reduce Method

Lesson 012 The Array sort Method

Lesson 013 Working With Immutable Arrays

Lesson 014 Asynchronous JavaScript Promises

Lesson 015 Asynchronous JavaScript AsyncAwait

05 – Working With Components, Props, and JSX

0/25

Download Attachment

Lesson 001 Section Overview

Lesson 002 Rendering the Root Component and Strict Mode

Lesson 003 Before We Start Coding Debugging

Lesson 004 Components as Building Blocks

Lesson 005 Creating And Reusing a Component

Lesson 006 What is JSX

Lesson 007 Creating More Components

Lesson 008 JavaScript Logic in Components

Lesson 009 Separation of Concerns

Lesson 010 Styling React Applications

Lesson 011 Passing and Receiving Props

Lesson 012 Props, Immutability, and One-Way Data Flow

Lesson 013 CHALLENGE #1 Profile Card (v1)

Lesson 014 The Rules of JSX

Lesson 015 Rendering Lists

Lesson 016 Conditional Rendering With &&

Lesson 017 Conditional Rendering With Ternaries

Lesson 018 Conditional Rendering With Multiple Returns

Lesson 019 Extracting JSX Into a New Component

Lesson 020 Destructuring Props

Lesson 021 React Fragments

Lesson 022 Setting Classes and Text Conditionally

Lesson 023 Section Summary

Lesson 024 CHALLENGE #2 Profile Card (v2)

06 – State, Events, and Forms Interactive Components

0/22

Download Attachment

Lesson 001 Section Overview

Lesson 002 Let’s Build a Steps Component

Lesson 003 Handling Events the React Way

Lesson 004 What is State in React

Lesson 005 Creating a State Variable With useState

Lesson 006 Don’t Set State Manually!

Lesson 007 The Mechanics of State

Lesson 008 Adding Another Piece of State

Lesson 009 React Developer Tools

Lesson 010 Updating State Based on Current State

Lesson 011 More Thoughts About State + State Guidelines

Lesson 012 A Vanilla JavaScript Implementation

Lesson 013 CHALLENGE #1 Date Counter (v1)

Lesson 014 Starting a New Project The Far Away Travel List

Lesson 015 Building the Layout

Lesson 016 Rendering the Items List

Lesson 017 Building a Form and Handling Submissions

Lesson 018 Controlled Elements

Lesson 019 State vs. Props

Lesson 020 EXERCISE #1 Flashcards

Lesson 021 CHALLENGE #2 Date Counter (v2)

07 – Thinking In React State Management

0/18

Download Attachment

Lesson 001 Section Overview

Lesson 002 What is Thinking in React

Lesson 003 Fundamentals of State Management

Lesson 004 Thinking About State and Lifting State Up

Lesson 005 Reviewing Lifting Up State

Lesson 006 Deleting an Item More Child-to-Parent Communication!

Lesson 007 Updating an Item Complex Immutable Data Operation

Lesson 008 Derived State

Lesson 009 Calculating Statistics as Derived State

Lesson 010 Sorting Items

Lesson 011 Clearing the List

Lesson 012 Moving Components Into Separate Files

Lesson 013 EXERCISE #1 Accordion Component (v1)

Lesson 014 The children Prop Making a Reusable Button

Lesson 015 More Reusability With the children Prop

Lesson 016 EXERCISE #2 Accordion Component (v2)

Lesson 017 CHALLENGE #1 Tip Calculator

08 – [Optional] Practice Project Eat-‘N-Split

0/9

Lesson 001 Section Overview

Lesson 002 Project Setup

Lesson 003 Building the Static App List of Friends

Lesson 004 Building the Static App Forms

Lesson 005 Displaying the New Friend Form

Lesson 006 Adding a New Friend

Lesson 007 Selecting a Friend

Lesson 008 Creating Controlled Elements

Lesson 009 Splitting a Bill

09 – PART 2 INTERMEDIATE REACT [2 PROJECTS]

0/2

Download Attachment

Lesson 001 Introduction to Part 2

10 – Thinking in React Components, Composition, and Reusability

0/18

Download Attachment

Lesson 001 Section Overview

Lesson 002 Setting Up the usePopcorn Project

Lesson 003 How to Split a UI Into Components

Lesson 004 Splitting Components in Practice

Lesson 005 Component Categories

Lesson 006 Prop Drilling

Lesson 007 Component Composition

Lesson 008 Fixing Prop Drilling With Composition (And Building a Layout)

Lesson 009 Using Composition to Make a Reusable Box

Lesson 010 Passing Elements as Props (Alternative to children)

Lesson 011 Building a Reusable Star Rating Component

Lesson 012 Creating the Stars

Lesson 013 Handling Hover Events

Lesson 014 Props as a Component API

Lesson 015 Improving Reusability With Props

Lesson 016 PropTypes

Lesson 017 CHALLENGE #1 Text Expander Component

11 – How React Works Behind the Scenes

0/18

Lesson 001 Section Overview

Lesson 002 Project Setup and Walkthrough

Lesson 003 Components, Instances, and Elements

Lesson 004 Instances and Elements in Practice

Lesson 005 How Rendering Works Overview

Lesson 006 How Rendering Works The Render Phase

Lesson 007 How Rendering Works The Commit Phase

Lesson 008 How Diffing Works

Lesson 009 Diffing Rules in Practice

Lesson 010 The Key Prop

Lesson 011 Resetting State With the Key Prop

Lesson 012 Using the Key Prop to Fix Our Eat-‘N-Split App

Lesson 013 Rules for Render Logic Pure Components

Lesson 014 State Update Batching

Lesson 015 State Update Batching in Practice

Lesson 016 How Events Work in React

Lesson 017 Libraries vs. Frameworks & The React Ecosystem

Lesson 018 Section Summary Practical Takeaways

12 – Effects and Data Fetching

0/20

Download Attachment

Lesson 001 Section Overview

Lesson 002 The Component Lifecycle

Lesson 003 How NOT to Fetch Data in React

Lesson 004 useEffect to the Rescue

Lesson 005 A First Look at Effects

Lesson 006 Using an async Function

Lesson 007 Adding a Loading State

Lesson 008 Handling Errors

Lesson 009 The useEffect Dependency Array

Lesson 010 Synchronizing Queries With Movie Data

Lesson 011 Selecting a Movie

Lesson 012 Loading Movie Details

Lesson 013 Adding a Watched Movie

Lesson 014 Adding a New Effect Changing Page Title

Lesson 015 The useEffect Cleanup Function

Lesson 016 Cleaning Up the Title

Lesson 017 Cleaning Up Data Fetching

Lesson 018 One More Effect Listening to a Keypress

Lesson 019 CHALLENGE #1 Currency Converter

13 – Custom Hooks, Refs, and More State

0/16

Download Attachment

Lesson 001 Section Overview

Lesson 002 React Hooks and Their Rules

Lesson 003 The Rules of Hooks in Practice

Lesson 004 More Details of useState

Lesson 005 Initializing State With a Callback (Lazy Initial State)

Lesson 006 useState Summary

Lesson 007 How NOT to Select DOM Elements in React

Lesson 008 Introducing Another Hook useRef

Lesson 009 Refs to Select DOM Elements

Lesson 010 Refs to Persist Data Between Renders

Lesson 011 What are Custom Hooks When to Create One

Lesson 012 Creating our First Custom Hook useMovies

Lesson 013 Creating useLocalStorageState

Lesson 014 Creating useKey

Lesson 015 CHALLENGE #1 useGeolocate

14 – [Optional] React Before Hooks Class-Based React

0/10

Lesson 001 Section Overview

Lesson 002 Our First Class Component

Lesson 003 Working With Event Handlers

Lesson 004 Class Components vs. Function Components

Lesson 005 Starting the Classy Weather App

Lesson 006 Fetching Weather Data

Lesson 007 Displaying the Weather

Lesson 008 Removing Boilerplate Code With Class Fields

Lesson 009 Child to Parent Communication

Lesson 010 Lifecycle Methods

15 – PART 3 ADVANCED REACT + REDUX [4 PROJECTS]

0/2

Download Attachment

Lesson 001 Introduction to Part 3

16 – The Advanced useReducer Hook

0/18

Download Attachment

Lesson 001 Section Overview

Lesson 002 Yet Another Hook useReducer

Lesson 003 Managing Related Pieces of State

Lesson 004 Managing State With useReducer

Lesson 005 The React Quiz App

Lesson 006 Loading Questions from a Fake API

Lesson 007 Handling Loading, Error, and Ready Status

Lesson 008 Starting a New Quiz

Lesson 009 Displaying Questions

Lesson 010 Handling New Answers

Lesson 011 Moving to the Next Question

Lesson 012 Displaying Progress

Lesson 013 Finishing a Quiz

Lesson 014 Restarting a Quiz

Lesson 015 Setting Up a Timer With useEffect

Lesson 016 Section Summary useState vs. useReducer

Lesson 017 CHALLENGE #1 Creating a Bank Account With useReducer

17 – React Router Building Single-Page Applications (SPA)

0/17

Lesson 001 Section Overview

Lesson 002 Creating Our First App With Vite WorldWise

Lesson 003 Routing and Single-Page Applications (SPAs)

Lesson 004 Implementing Main Pages and Routes

Lesson 005 Linking Between Routes With Link and NavLink

Lesson 006 Styling Options For React Applications

Lesson 007 Using CSS Modules

Lesson 008 Building the Pages

Lesson 009 Building the App Layout

Lesson 010 Nested Routes and Index Route

Lesson 011 Implementing the Cities List

Lesson 012 Implementing the Countries List

Lesson 013 Storing State in the URL

Lesson 014 Dynamic Routes With URL Parameters

Lesson 015 Reading and Setting a Query String

Lesson 016 Programmatic Navigation with useNavigate

Lesson 017 Programmatic Navigation with Navigate

18 – Advanced State Management The Context API

0/23

Download Attachment

Lesson 001 Section Overview

Lesson 002 CHALLENGE #1 Understand The Atomic Blog App

Lesson 003 What is the Context API

Lesson 004 Creating and Providing a Context

Lesson 005 Consuming the Context

Lesson 006 Advanced Pattern A Custom Provider and Hook

Lesson 007 Thinking In React Advanced State Management

Lesson 008 Back to WorldWise Creating a CitiesContext

Lesson 009 Consuming the CitiesContext

Lesson 010 Finishing the City View

Lesson 011 Including a Map With the Leaflet Library

Lesson 012 Displaying City Markers on Map

Lesson 013 Interacting With the Map

Lesson 014 Setting Map Position With Geolocation

Lesson 015 Fetching City Data in the Form

Lesson 016 Creating a New City

Lesson 017 Deleting a City

Lesson 018 Advanced State Management System Context + useReducer

Lesson 019 Adding Fake Authentication Setting Up Context

Lesson 020 Adding Fake Authentication Implementing Login

Lesson 021 Adding Fake Authentication Protecting a Route

Lesson 022 CHALLENGE #2 Refactoring React Quiz to Context API

19 – Performance Optimization and Advanced useEffect

0/18

Lesson 001 Section Overview

Lesson 002 Performance Optimization and Wasted Renders

Lesson 003 The Profiler Developer Tool

Lesson 004 A Surprising Optimization Trick With children

Lesson 005 Understanding memo

Lesson 006 memo in Practice

Lesson 007 Understanding useMemo and useCallback

Lesson 008 useMemo in Practice

Lesson 009 useCallback in Practice

Lesson 010 Optimizing Context Re-Renders

Lesson 011 Back to The WorldWise App

Lesson 012 Optimizing Bundle Size With Code Splitting

Lesson 013 Don’t Optimize Prematurely!

Lesson 014 useEffect Rules and Best Practices

Lesson 015 CHALLENGE #1 Fix Performance Issues in Workout Timer

Lesson 016 Setting State Based on Other State Updates

Lesson 017 Using Helper Functions In Effects

Lesson 018 Closures in Effects

20 – Redux and Modern Redux Toolkit (With Thunks)

0/19

Lesson 001 Section Overview

Lesson 002 Introduction to Redux

Lesson 003 Creating a Reducer Bank Account

Lesson 004 Creating a Redux Store

Lesson 005 Working With Action Creators

Lesson 006 Adding More State Customer

Lesson 007 Professional Redux File Structure State Slices

Lesson 008 Back to React! Connecting our Redux App With React

Lesson 009 Dispatching Actions from Our React App

Lesson 010 The Legacy Way of Connecting Components to Redux

Lesson 011 Redux Middleware and Thunks

Lesson 012 Making an API Call With Redux Thunks

Lesson 013 The Redux DevTools

Lesson 014 What is Redux Toolkit (RTK)

Lesson 015 Creating the Store With RTK

Lesson 016 Creating the Account Slice

Lesson 017 Back to Thunks

Lesson 018 Creating the Customer Slice

Lesson 019 Redux vs. Context API

21 – PART 4 PROFESSIONAL REACT DEVELOPMENT [2 PROJECTS]

0/2

Download Attachment

Lesson 001 Introduction to Part 4

22 – React Router With Data Loading (v6.4+)

0/12

Lesson 001 Section Overview

Lesson 002 Setting Up a New Project Fast React Pizza Co

Lesson 003 Application Planning

Lesson 004 Setting Up a Professional File Structure

Lesson 005 A New Way Of Implementing Routes

Lesson 006 Building the App Layout

Lesson 007 Fetching Data With React Router Loaders Pizza Menu

Lesson 008 Displaying a Loading Indicator

Lesson 009 Handling Errors With Error Elements

Lesson 010 Fetching Orders

Lesson 011 Writing Data With React Router Actions

Lesson 012 Error Handling in Form Actions

23 – [Optional] Tailwind CSS Crash Course Styling the App

0/19

Lesson 001 Section Overview

Lesson 002 What is Tailwind CSS

Lesson 003 Setting Up Tailwind CSS

Lesson 004 Working With Color

Lesson 005 Styling Text

Lesson 006 The Box Model Spacing, Borders, and Display

Lesson 007 Responsive Design

Lesson 008 Using Flexbox

Lesson 009 Using CSS Grid

Lesson 010 Styling Buttons Element States and Transitions

Lesson 011 Styling Form Elements

Lesson 012 Reusing Styles With @apply

Lesson 013 Reusing Styles With React Components

Lesson 014 Absolute Positioning, z-index, and More

Lesson 015 Configuring Tailwind Custom Font Family

Lesson 016 Styling the Menu

Lesson 017 Styling the Cart

Lesson 018 Styling the Order Form

Lesson 019 Styling the Order Overview

24 – Adding Redux and Advanced React Router

0/14

Lesson 001 Section Overview

Lesson 002 Modeling the User State With Redux Toolkit

Lesson 003 Reading and Updating the User State

Lesson 004 Modeling the Cart State

Lesson 005 Adding Menu Items to the Cart

Lesson 006 Building the Cart Overview With Redux Selectors

Lesson 007 Building the Cart Page

Lesson 008 Deleting Cart Items

Lesson 009 Updating Cart Quantities

Lesson 010 Using the Cart for New Orders

Lesson 011 Redux Thunks With createAsyncThunk

Lesson 012 Integrating Geolocation

Lesson 013 Fetching Data Without Navigation useFetcher

Lesson 014 Updating Data Without Navigation

25 – Setting Up Our Biggest Project + Styled Components

0/10

Lesson 001 Section Overview

Lesson 002 Application Planning

Lesson 003 Setting Up the Project The Wild Oasis

Lesson 004 Introduction to Styled Components

Lesson 005 Global Styles With Styled Components

Lesson 006 Styled Component Props and the css Function

Lesson 007 Building More Reusable Styled Components

Lesson 008 Setting Up Pages and Routes

Lesson 009 Building the App Layout

Lesson 010 Building the Sidebar and Main Navigation

26 – Supabase Crash Course Building a Back-End!

0/9

Lesson 001 Section Overview

Lesson 002 What is Supabase

Lesson 003 Creating a New Database

Lesson 004 Modeling Application State

Lesson 005 Creating Tables

Lesson 006 Relationships Between Tables

Lesson 007 Adding Security Policies (RLS)

Lesson 008 Connecting Supabase With Our React App

Lesson 009 Setting Up Storage Buckets

27 – React Query Managing Remote State

0/16

Download Attachment

Lesson 001 Section Overview

Lesson 002 What is React Query

Lesson 003 Setting Up React Query

Lesson 005 Fetching Cabin Data

Lesson 006 Mutations Deleting a Cabin

Lesson 007 Displaying Toasts (Notifications)

Lesson 008 Introducing Another Library React Hook Form

Lesson 009 Creating a New Cabin

Lesson 010 Handling Form Errors

Lesson 011 Uploading Images to Supabase

Lesson 012 Editing a Cabin

Lesson 013 Abstracting React Query Into Custom Hooks

Lesson 014 Duplicating Cabins

Lesson 015 Fetching Applications Settings

Lesson 016 Updating Application Settings

28 – Advanced React Patterns

0/14

Download Attachment

Lesson 001 Section Overview

Lesson 002 An Overview of Reusability in React

Lesson 003 Setting Up an Example

Lesson 004 The Render Props Pattern

Lesson 005 A Look at Higher-Order Components (HOC)

Lesson 006 The Compound Component Pattern

Lesson 007 Building a Modal Window Using a React Portal

Lesson 008 Converting the Modal to a Compound Component

Lesson 009 Detecting a Click Outside the Modal

Lesson 010 Confirming Cabin Deletions

Lesson 011 Building a Reusable Table

Lesson 012 Applying the Render Props Pattern

Lesson 013 Building a Reusable Context Menu

29 – [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc

0/32

Lesson 001 Section Overview

Lesson 002 Client-Side Filtering Filtering Cabins

Lesson 003 Client-Side Sorting Sorting Cabins

Lesson 004 Building the Bookings Table

Lesson 005 Uploading Sample Data

Lesson 006 API-Side Filtering Filtering Bookings

Lesson 007 API-Side Sorting Sorting Bookings

Lesson 008 Building a Reusable Pagination Component

Lesson 009 API-Side Pagination Paginating Bookings

Lesson 010 Prefetching With React Query

Lesson 011 Building the Single Booking Page

Lesson 012 Checking In a Booking

Lesson 013 Adding Optional Breakfast

Lesson 014 Checking Out a Booking (+ Fixing a Small Bug)

Lesson 015 Deleting a Booking

Lesson 016 Authentication User Login With Supabase

Lesson 017 Authorization Protecting Routes

Lesson 018 User Logout

Lesson 019 Fixing an Important Bug

Lesson 020 Building the Sign Up Form

Lesson 021 User Sign Up

Lesson 023 Building The App Header

Lesson 024 Updating User Data and Password

Lesson 025 Implementing Dark Mode With CSS Variables

Lesson 026 Building the Dashboard Layout

Lesson 027 Computing Recent Bookings and Stays

Lesson 028 Displaying Statistics

Lesson 029 Displaying a Line Chart With the Recharts Library

Lesson 030 Displaying a Pie Chart

Lesson 031 Displaying Stays for Current Day

Lesson 032 Error Boundaries

Lesson 033 Final Touches + Fixing Bugs

30 – Deployment With Netlify and Vercel

0/4

Lesson 001 Section Overview

Lesson 002 Deploying to Netlify

Lesson 003 Setting Up a Git and GitHub Repository

Lesson 004 Deploying to Vercel

31 – PART 5 FULL-STACK REACT WITH NEXT.JS [1 PROJECT]

0/2

Download Attachment

Lesson 001 Introduction to Part 5

32 – Overview of Next.js With the App Router

0/17

Download Attachment

Lesson 001 Section Overview

Lesson 003 An Overview of Server-Side Rendering (SSR)

Lesson 004 Experiment Manual SSR With React DOM + Node.js

Lesson 005 The Missing Piece Hydration

Lesson 006 Implementing Hydration

Lesson 007 What is Next.js

Lesson 008 Setting Up a Next.js Project

Lesson 010 Defining Routes and Pages

Lesson 011 Navigating Between Pages

Lesson 012 Creating a Layout

Lesson 013 What are React Server Components (RSC – Part 1)

Lesson 014 Fetching Data in a Page

Lesson 015 Adding Interactivity With Client Components

Lesson 016 Displaying a Loading Indicator

Lesson 017 How RSC Works Behind the Scenes (RSC – Part 2)

Lesson 018 RSC vs. SSR How are They Related (RSC – Part 3)

33 – Starting to Build the Wild Oasis Website

0/12

Lesson 001 Section Overview

Lesson 002 Project Planning The Wild Oasis Customer Website

Lesson 003 Project Organization

Lesson 004 Styling With Tailwind CSS

Lesson 005 Adding Page Metadata and Favicon

Lesson 006 Loading and Optimizing Fonts

Lesson 007 Improving the Navigation and Root Layout

Lesson 008 Optimizing Images With Next.js Image Component

Lesson 009 Building the Home Page

Lesson 010 Building the About Page With Responsive Images

Lesson 011 Adding Nested Routes and Pages

Lesson 012 Adding a Nested Layout

34 – Data Fetching, Caching, and Rendering

0/18

Lesson 001 Section Overview

Lesson 002 Setting Up Supabase

Lesson 003 Fetching and Displaying Cabin List

Lesson 004 Streaming Route Segments With loading.js File

Lesson 005 What is React Suspense

Lesson 006 Streaming UI With Suspense Cabin List

Lesson 007 Dynamic Route Segments Building the Cabin Page

Lesson 008 Generating Dynamic Metadata

Lesson 009 Error Handling Setting Up Error Boundaries

Lesson 010 Error Handling Not Found Errors

Lesson 011 Different Types of SSR Static vs. Dynamic Rendering

Lesson 012 Analyzing Rendering in Our App

Lesson 013 Making Dynamic Pages Static With generateStaticParams

Lesson 014 Static Site Generation (SSG)

Lesson 015 Partial Pre-Rendering

Lesson 016 How Next.js Caches Data

Lesson 017 Experimenting With Caching and ISR

Lesson 018 CHALLENGE #1 Fetching the Number of Cabins

35 – Client and Server Interactions

0/9

Lesson 001 Section Overview

Lesson 002 Blurring the Boundary Between Server and Client (RSC – Part 4)

Lesson 003 Client Components in Server Components

Lesson 004 Highlighting Current Side Navigation Link

Lesson 005 Sharing State Between Client and Server The URL

Lesson 006 Advanced Server Components in Client Components

Lesson 007 Data Fetching Strategies for the Reservation Section

Lesson 008 Using the Context API for State Management

Lesson 009 Creating an API Endpoint With Route Handlers

36 – Authentication With NextAuth (Auth.js)

0/8

Lesson 001 Section Overview

Lesson 002 Setting Up NextAuth

Lesson 003 Getting the User Session

Lesson 004 What is Middleware in Next.js

Lesson 005 Protecting Routes With NextAuth Middleware

Lesson 006 Building a Custom Sign In Page

Lesson 007 Building a Custom Sign Out Button

Lesson 008 Creating a New Guest on First Sign In

37 – Mutations With Server Actions + Modern React Hooks

0/12

Lesson 001 Section Overview

Lesson 002 What are Server Actions

Lesson 003 Updating the Profile Using a Server Action

Lesson 004 Manual Cache Revalidation

Lesson 005 Displaying a Loading Indicator The useFormStatus Hook

Lesson 006 Building the Guest’s Reservations Page

Lesson 007 Deleting a Reservation

Lesson 008 Another Loading Indicator The useTransition Hook

Lesson 009 CHALLENGE #1 Updating a Reservation

Lesson 010 Removing Reservations Immediately The useOptimistic Hook

Lesson 011 Back to the Cabin Page Finishing the Date Selector

Lesson 012 Creating a New Reservation

38 – Deployment With Vercel

0/4

Lesson 001 Section Overview

Lesson 002 Setting Up the GitHub Repository

Lesson 003 Deploying to Vercel

Lesson 004 Updating Environment Variables and OAuth Credentials

39 – [OPTIONAL] Legacy Next.js The Pages Router

0/11

Lesson 001 Section Overview

Lesson 002 Setting Up Another Project

Lesson 003 Routes, Pages, and Navigation

Lesson 004 Dynamic Routes

Lesson 005 Creating a Layout With a Custom _App

Lesson 006 Creating Pages

Lesson 007 Defining Page Title and Favicon

Lesson 008 Fetching Data With getStaticProps (SSG)

Lesson 009 Fetching Data With getServerSideProps (SSR)

Lesson 010 API Routes

Lesson 011 Handling Form Submissions

40 – The End!

0/1

Lesson 001 Where to Go from Here

The Ultimate React Course 2025: React, Next.js, Redux & More

Download Vietnamese subtitle: Click here

Download English subtitle: Click here

Please contact me via telegram

DMCA.com Protection Status

Quick Links

About us
Contact
Privacy Policy
Terms and Conditions
DCMA
Disclaimer
Search for:

Resource

Course List
Recommend New Courses
For IT Students
Search for:

© 2024 - freestudy247.com