Complete React, Next.js & TypeScript Projects Course 2024
Loại khoá học: Web Development
Hands-on React: Create 25+ Projects. Includes Axios, Router 6, Query 4, Redux Toolkit
Mô tả
React is a JavaScript library for building user interfaces. It is developed and maintained by Facebook, and is often used for building single-page applications and mobile applications.
One reason to learn React is that it is a popular and in-demand technology, so learning it can improve your job prospects and make it easier to find work as a front-end developer. React is also a good choice for building modern web applications because it is efficient, scalable, and fast, and it uses a virtual DOM (a lightweight in-memory representation of the actual DOM) to minimize the number of DOM manipulations required, which makes it easier to build high-performance applications.
Another reason to learn React is that it is a well-designed and flexible library that makes it easy to build reusable components that can be composed to build complex user interfaces. This makes it easier to maintain and update your codebase over time, as you can reuse components in multiple places rather than having to rewrite the same code multiple times.
Overall, React is a powerful and widely used tool for building modern web applications, and learning it can be a valuable addition to your skillset as a front-end developer.
During the course we are going to use latest version of React - React 18.
As far as concepts we are going to cover
- React Fundamentals
- useState hook
- useEffect hook
- conditional rendering
- forms
- useRef hook
- useReducer hook
- prop drilling
- context api
- custom hooks
- useCallback hook
- useMemo hook
- React Router 6
- axios http library
- redux-toolkit
All Project Intros are available for preview.
Here are some of the projects we are going to build in this course
1. Birthday Reminder
2. Tours
3. Reviews
4. Accordion
5. Menu
6. Tabs
7. Slider
8. Lorem Ipsum
9. Color Generator
10. Grocery Bud
11. Navbar
12. Sidebar and Modal
13. Stripe Menu
14. Cart
15. Cocktails
16. Markdown Preview
17. Random Person
18. Pagination
19. Stock Photos
20. Dark Mode
21. Movies DB
22. Hacker News
23. Quiz
24. Github Users
25. E-Commerce
26. Jobster
Bạn sẽ học được gì
Make Great Projects Using React
Yêu cầu
- Strong Knowledge of HTML, CSS, JS is Required. ES6 is optional.
Nội dung khoá học
25 sections
Main Course Repository
00:05
What is React?
06:04
Goals
02:22
Structure
01:01
Requirements
01:52
Video Blur Fix
01:35
Course Review
00:30
Workflow Info
00:32
Browser
00:55
VS Code
01:52
Terminal
01:15
Node.js
03:43
Create-React-App
11:16
Intro
00:58
Github Repository
00:04
Folder Structure
08:59
Remove Boilerplate
02:27
First Component
10:13
Extensions and Settings
12:53
Create Element Function
04:30
JSX Rules
09:41
Nest Components
04:03
React Developer Tools
02:12
BookList
10:25
CSS
10:32
Local Images (public folder)
07:16
JSX - CSS
07:27
JSX - Javascript
06:30
Props - Basic Setup
09:40
Props - Somewhat Dynamic Setup
04:29
Props - Multiple Approaches
04:45
Children Prop
06:30
Simple List
08:35
Proper List
06:25
Key Prop
04:07
Object as a Prop
05:34
Event Basics
13:08
Form Submission
05:50
Form Submission - Button Example
03:41
Anonymous Function (arrow)
03:20
Components Feature
05:08
Prop Drilling
05:40
Complex Example - Intro
02:02
Complex Example - Bug
03:42
Complex Example - Fix
03:21
ES6 Modules
09:58
Local Images (src folder)
05:42
Numbers Challenge
06:28
Title Challenge
02:25
Build Folder
02:33
Deployment
02:46
Intro
01:57
Github Repository
00:04
Setup
00:26
Install
03:20
SRC Boilerplate
08:14
Structure
10:50
Components
06:32
Nav Logo
02:36
Smooth Scroll
03:21
Page Links
07:34
Social Links
07:26
Hero and About Components
02:16
Title Component
04:30
Services Component
04:10
Tours Component
07:55
Footer Component
05:01
Alternative Approach - Page Links Component
07:04
Alternative Approach - More Components
12:09
Continuous Deployment - Setup
05:57
Continuous Deployment - Benefits
05:27
Continuous Deployment "Gotcha"
04:55
VITE - Intro
01:53
VITE - Install / Setup
08:49
Intro
00:52
Github Repository
00:04
Setup
02:31
Overview
08:53
Error Example
03:37
UseState Fundamentals
09:54
Initial Render and Re-renders
03:01
General Rules of React Hooks
02:36
UseState Array Example - Setup
06:12
UseState Array Example - Complete
07:29
UseState - Extra Info
01:31
UseState Object Example - Setup
05:17
Auto Batching Info
01:27
UseState Object Example - Complete
05:54
UseState Set Function "Gotcha"
03:15
UseState Functional Update Form
04:21
UseState - SetTimeout Example
04:13
Matching Project
00:13
Code Example
06:00
UseEffect - Fundamentals
07:02
UseEffect - Multiple Effects
03:57
UseEffect Fetch Challenge - Intro
03:34
UseEffect Fetch Challenge - Complete
09:19
UseEffect Clean Up Info
01:15
Multiple Returns
05:44
Multiple Returns - Fetch Data Setup
03:38
Multiple Returns - Fetch Data
09:09
Fetch Error "Gotcha"
04:01
Order Matters
06:46
Fetch Function Location
02:54
React Hooks Rules
02:16
Vanilla.js (Optional)
05:17
Short Circuit - Overview
05:22
Short Circuit - Examples
07:41
Ternary Operator
04:04
Toggle Challenge
05:45
User Challenge
05:49
UseEffect Cleanup Function - Setup/Challenge
06:40
UseEffect - Timer Example
05:30
UseEffect - Event Listeners Example
03:29
You Might Not Need an Effect
03:36
Matching Projects
00:18
Project Structure - Folder Example
06:22
Project Structure - Named Exports
04:22
Project Structure - Export Group
06:43
Leverage Javascript - Intro
04:59
Leverage Javascript - Challenge
07:12
Leverage Javascript - Complete
10:06
Forms - Setup
05:01
Controlled Inputs
10:02
User Challenge - Setup
02:48
User Challenge - Add New User
09:20
User Challenge - Remove User
02:08
Multiple Inputs
11:54
Checkbox Input
03:40
Select Input
04:38
FormData API
11:11
Matching Projects
00:17
useRef - DOM Node
07:22
useRef - Initial Render
04:53
Matching Projects
00:16
Custom Hooks - Toggle
05:55
Custom Hooks - Fetch Person
06:47
Custom Hooks - Generic Fetch
03:27
Context API - Challenge
02:51
Context API - Prop Drilling
11:04
Context API - Solution
08:06
Context API - Custom Hook
03:05
Context API - Global Setup
11:34
Matching Projects
00:17
UseReducer - Intro
02:29
UseReducer - Challenge
05:16
UseReducer - Setup
09:52
Reducer Basics
09:47
Actions and Default State
05:26
Reset List
01:34
Remove Person
04:25
Import/Export
04:45
Matching Projects
00:15
Performance - Intro
00:40
Component Re-renders
05:02
React Dev Tools
04:20
Lower State
03:36
Lower State - Challenge
05:20
React.memo()
03:43
Mind Grenade
05:11
UseCallback Hook
05:20
UseCallback Hook - Common Use Case
02:21
UseMemo Hook
05:28
UseTransition Hook
07:57
React Suspense
09:27
Important Info !!!
00:12
Intro
03:01
Setup
13:44
Setup - Figma File
02:06
Birthday Buddy- Setup
01:55
Birthday Buddy - Import List
05:02
Birthday Buddy - Render List
06:16
Birthday Buddy - Clear List
02:24
Birthday Buddy - CSS (Optional)
13:48
Tours - Setup
01:11
Tours - Fetch Tours
07:45
Tours - Render Tours
11:55
Tours - Remove Tour
03:59
Tours - Read More
06:32
Tours - Refetch
04:34
Tours - CSS (Optional)
18:37
Reviews - Setup
00:53
Reviews - Data
03:21
Reviews - React Icons
03:46
Reviews - First Person
04:30
Reviews - Prev and Next
05:06
Reviews - Check Number
04:18
Reviews - Random Person
04:02
Reviews - Modulus Operator
06:22
Reviews - CSS (Optional)
13:10
Questions - Setup
00:56
Questions - Render List
07:31
Questions - Toggle Info
04:16
Questions - Alternative Setup
11:05
Questions - CSS (Optional)
08:40
Menu - Setup
00:44
Menu - Title Component
03:26
Menu - Render Items
06:34
Menu - Unique Categories
07:05
Menu - Display Categories
02:57
Menu - Filter Items
05:12
Menu - CSS (Optional)
10:47
Tabs - Setup
00:46
Tabs - Fetch Jobs
06:39
Tabs - Display Job
05:55
Tabs - Duties and UUID Library
06:46
Tabs - Button Container
02:27
Tabs - Current Item
04:48
Tabs - CSS (Optional)
12:57
Slider - Setup
01:39
Slider - Structure
10:07
Slider - CSS
12:04
Slider - Initial Logic
06:11
Slider - Current Item and Prev/Next
08:16
Slider - Autoslide (autoplay)
03:37
Slider - Library Info
01:06
Slider - React Slick Setup
09:06
Slider - React Slick Complete
09:05
Lorem Ipsum - Setup
00:56
Lorem Ipsum - Structure
06:42
Lorem Ipsum - Submit Form
06:43
Lorem Ipsum - Nanoid Library
01:52
Lorem Ipsum - CSS (Optional)
05:26
Color Generator - Setup
01:49
Color Generator - Form Structure
06:59
Color Generator - HTML Color Input
02:38
Color Generator - Values.js Library
03:27
Color Generator - Render List
08:46
Color Generator - React Toastify
04:54
Color Generator - Change/Add Color
06:47
Color Generator - Clipboard API
03:58
Color Generator - CSS (Optional)
10:15
Grocery Bud - Setup
01:21
Grocery Bud - Form Component
06:48
Grocery Bud - Add Item
08:03
Grocery Bud - Render Items
04:05
Grocery Bud - Single Item
05:41
Grocery Bud - Remove Item
01:36
Grocery Bud - Local Storage
11:47
Grocery Bud - Edit Item (Global Setup)
05:30
Grocery Bud - React Toastify
03:56
Grocery Bud - CSS (Optional)
08:43
Navbar - Setup
01:19
Navbar - Data
02:08
Navbar - Initial Setup
10:01
Navbar - Initial Setup CSS
05:44
Navbar - Fixed Setup
06:05
Navbar - Dynamic Setup
08:19
Navbar - Question
05:19
Navbar - Complete App
11:44
Sidebar/Modal - Setup
00:56
Sidebar/Modal - Components
02:44
Sidebar/Modal - Global Context
06:57
Sidebar/Modal - Home Component
06:13
Sidebar/Modal - Modal Component
15:04
Sidebar/Modal - Sidebar Component JSX
05:37
Sidebar/Modal - Sidebar CSS
09:11
Sidebar/Modal - Sidebar Toggle
02:24
Strapi - Setup
01:03
Strapi - Data
01:43
Strapi - Global Context
04:49
Strapi - Components
06:13
Strapi - Navbar CSS
05:47
Strapi - Hero
05:58
Strapi - Sidebar JSX
08:15
Strapi - Sidebar CSS
10:56
Strapi - NavLinks
08:10
Strapi - PageId Logic
03:34
Strapi - Submenu JSX
08:12
Strapi - Submenu CSS
10:10
Strapi - Hide Submenu (Part 1)
06:54
Strapi - Hide Submenu (Part 2)
12:13
Cart - Intro
00:51
Cart - Setup
05:33
Cart - Global Context
03:14
Cart - UseReducer Setup
06:30
Cart - Setup Actions
04:22
Cart - Data Structures
03:50
Cart - Map Object
06:42
Cart - Switch to Map()
05:25
Cart - Clear Cart
04:09
Cart - Remove Item
07:34
Cart - Increase Amount
04:22
Cart - Decrease Amount
03:26
Cart - Calculate Totals
07:35
Cart - Fetch Structure
04:36
Cart - Fetch Complete
04:27
Cart - CSS (Optional)
17:30
Intro
01:17
Starter
00:35
Setup
02:15
GET Request
10:37
Setup Headers
05:11
POST Request
06:18
Global Default
06:25
Custom Instance
07:11
Interceptors
10:01
Intro
02:43
Starter
00:37
Useful Info
00:24
Server (Back-End) - Setup
06:46
Tasks App (Front-End) - Setup
04:29
Axios Custom Instance
05:09
HTTP Methods
07:55
API Docs
06:23
React Query - Intro
03:00
React Query - Install and Setup
01:55
Important Update !!!
00:16
First Query
07:22
Render Data
05:30
Error Handling
05:56
Thunder Client
03:57
Create Task - Challenge
08:27
Create Task - Initial Setup
09:02
UseMutation Helpers
08:27
Edit Task - Challenge
04:35
Edit Task - Complete
05:31
Delete Task
04:53
Refactor
12:42
Alternative Server Setup
02:19
Intro
00:34
Download
00:16
Starter
01:21
Structure
05:10
Dark Theme - Initial Setup
06:07
Dark Theme - Add/Remove Class
04:13
Dark Theme - CSS
10:42
Dark Theme - Users Prefers Dark Mode (CSS)
02:39
SearchForm
06:55
Unsplash API - Info
00:28
Unsplash API - Register
00:41
Obtain Correct URL
08:03
Setup React Query
02:47
Setup Query
03:29
Render Images
05:39
React Query Dev Tools
02:15
Setup Global SearchValue
05:15
UseQuery Fix
04:04
Dark Mode - Javascript Check
05:25
Important Update !!!
00:11
Local Storage
03:10
ENV Variables
05:26
Deploy
05:25
CSS (Optional)
11:31
Intro
01:42
Starter
00:21
Setup
00:50
Hero Component
04:35
Undraw
01:54
Projects Data
04:51
Headless CMS
01:28
Create Contentful Account
00:43
Content Type
04:31
Content
05:51
Contenful API Docs
06:49
Contentful SDK - Install and Setup
04:06
Fetch Projects
09:22
Render Projects
03:54
Deploy
05:59
Webhooks
04:17
CSS (Optional)
10:29
Intro
01:08
Setup
00:30
Starter
00:55
SPA and React Router Info
03:11
Basic Router
04:39
Setup Pages
06:31
Link Component
03:40
Nested Pages
08:50
Nested Pages - More Complex Example
03:23
Navbar
05:02
Styled Components - Setup
05:41
Styled Components - Wrapper
04:41
Navbar CSS (optional)
09:08
About Page
02:17
Page Layout
03:06
Error Page
06:21
Error Page - CSS
04:26
Loader Info
04:59
Loader - Landing Page
01:35
CocktailDB Overview
02:15
Fetch Drinks
05:00
Single Page Error
06:33
CocktailList
07:18
CocktailCard
05:10
CocktailList and CocktailCard CSS (optional)
05:53
Global Loading and Context
06:32
Single Cocktail - Setup
07:15
Single Cocktail - Render
04:52
Ingredients Challenge
07:14
Additional Check
05:00
Single Cocktail CSS (optional)
05:17
React Toastify - Setup
01:36
Newsletter Structure
05:56
HTML Form Submission
04:35
Action - Setup
08:24
Submit Form
06:37
Handle Errors
08:50
Navigation State
02:10
SearchForm - Structure
04:08
SearchForm - Complete
06:56
SearchForm CSS (optional)
02:06
React Query - Setup
05:15
React Query - Landing Page Setup
07:34
React Query - Landing Page Complete
05:02
React Query - Single Cocktail Page
05:48
Redirects
01:01
Project Intro
01:37
Tailwind Intro
09:52
Project Setup
07:02
Additional Assets
04:46
Navbar
13:29
Hero
09:04
Custom Class
02:01
Skills Section
11:07
About Section
03:49
Projects Section
09:57
Intro
02:44
Github
00:20
Setup
02:46
Install
03:46
Store
03:31
First Slice
07:39
Redux Dev Tools
01:40
useSelector
08:37
Hero Icons
03:04
Cart Items - Local Data
02:15
Cart Container
09:08
Cart Item
03:24
Reducers - Clear Cart
07:38
Reducers - Return State
02:45
Reducers - Remove Item
06:38
Reducers - Increase and Decrease
06:20
Reducers - Calculate Totals
06:08
Modal Setup
02:28
Modal Complete
09:29
Important Update !!!
00:38
createAsyncThunk
13:03
createAsyncThunk - More Options
09:24
Builder Callback Notation
05:27
Intro
06:30
DaisyUI
09:51
Assets
01:43
VITE + TailwindCSS
04:35
DaisyUI Setup
01:48
Install Dependencies
00:48
Create Pages
07:20
Route Structure
11:19
Error Page
07:02
Form Input
05:38
Login Page
09:59
Submit Button
03:42
Register Page
05:39
Custom Class
02:36
Header Component
05:30
Navbar Structure
12:23
NavLinks Component
04:31
Toggle Component
03:41
Add Theme
03:12
Set Theme
06:43
About Page
04:19
Hero Component
09:35
Base URL
06:49
Landing Loader
09:56
Featured Products
12:24
Format Price
03:35
Fetch Single Product
08:42
Render Single Product
05:15
Single Product - Colors
05:43
Single Product - Amount
06:23
Generate Amount Inputs
04:32
Products Page - Setup
08:06
Products List
11:35
Products Container
09:50
Filters - Search Input
08:31
Filters - Select Input
08:44
Filters - Range Input
08:17
Filters - Checkbox Input
03:42
Global Loading
03:27
Filters - Params
14:10
Pagination - Setup
09:26
Pagination - Complete
07:17
Redux Toolkit - Setup
09:22
Add To Cart Functionality
05:09
AddItem Reducer
08:34
Refactor and Local Storage
06:26
Clear, Remove and Edit Reducers
09:13
Cart Page
09:04
Cart Totals
05:13
Cart Items - Setup
14:41
Cart Items - Functionality
04:12
User Slice - Setup
05:26
Refactor Theme Toggle
05:22
Logout and Access User
14:25
Register User - Docs
06:46
Register User - Complete
06:02
Login User - Setup
02:36
Access RTK Store in Action
05:19
Login Page - Action Complete
06:35
Login User - Reducer
04:02
Demo User
06:20
Checkout Page - Setup
05:41
Checkout Page - Restrict Access
05:46
Create Order Request
06:15
Checkout Form - Setup
05:16
Checkout Form - Complete
09:36
Auth Errors
04:20
Orders Request
03:53
Orders Page - Setup
08:39
Orders List
11:45
Complex Pagination
15:25
React Query - Setup
05:44
React Query - Landing Page
03:45
React Query - Single Product Page
04:26
React Query - All Products Page
05:50
React Query - Orders Page
06:35
React Query - Remove Queries
03:18
Course Update !!! New Content !!!
02:13
Intro, Setup, Files and Folders
17:35
Type Annotations and Type Inference
12:49
Union and Any Type
15:15
Arrays and Objects
18:32
Functions Params and Function Returns
15:58
Optional, Default and Rest Parameters
16:58
Objects as Parameters and Excess Property Checks
14:39
Type Alias and Intersection Type
20:40
Interface Fundamentals
21:13
Interface - Advanced
26:01
Tuples and Enums
17:18
Type Assertion, Type Unknown and Type Never
22:45
ES6 Modules
16:13
Type Guarding - First Part
16:25
Type Guarding - Second Part
15:26
Generics
39:22
Fetch Data and Declaration Files
32:40
Classes
22:11
Tasks Project - First Part
28:06
Tasks Project - Second Part
13:54
Setup And Fundamentals
24:50
UseState and Events
27:41
Challenge and Solution
17:06
Context API and useReducer
32:33
Fetch Data
24:03
Redux Toolkit
19:56
Tasks Project
20:37
Next.js Info, Setup, Home Page and Link Component
12:58
Nested Routes
13:05
Layout File, Navbar, Fonts and Metadata
14:44
Server Components vs Client Components
09:12
Fetching Data
15:34
Nested Layouts and Dynamic Pages
09:49
Images
20:52
More Routing Options
07:41
Server Actions
13:32
Actions File
14:26
Fetch Users and Revalidate Cache
08:45
useFormStatus and useFormState
14:51
Delete Button, Hidden Input and Bind Method
12:02
Route Handlers - First Part
08:59
Route Handlers - Second Part
13:25
Middleware, Local Build and Cache
15:49
Important Info
00:44
Setup
02:59
Create Pages
03:51
Shadcn-ui Install and Setup
03:18
Button Component
09:10
Setup Components
03:53
Container Component
03:39
Navbar Component - Blueprint
05:14
Logo Component
03:32
NavSearch and CartButton Components
06:13
Shadcn - Change Theme
03:09
Shadcn - Toggle Dark Mode
11:16
LinksDropdown Component - Initial Setup
07:42
Create Supabase Project
04:49
Setup Prisma
03:57
Connect Prisma to Supabase
07:11
Prisma CRUD
03:35
Practice Writing Prisma Queries
06:06
Product Model
04:28
Seed Database
04:03
Create More Components
04:16
SectionTitle and EmptyList Components
03:40
Fetch Products Functions
04:36
Featured Products
05:33
Products Grid Component
15:08
Hero Component
05:01
Hero Carousel Component
05:16
Loading Container
10:30
ProductsContainer Component
19:34
ProductsList Component
08:09
NavSearch Component
15:39
Fetch Product Details
09:31
Products Details Page - Setup
08:22
Deploy on Vercel
06:56
Setup Toast Component
01:56
Clerk Authentication
10:40
SignOut Link Component
04:07
UserIcon Component
05:03
LinksDropdown Component - Complete
06:49
Test Auth Provider in Production
04:18
Admin Pages - Structure
13:45
Restrict Access to Admin Pages
08:54
Create Product Page Setup and Faker Library
07:34
FormInput Component
08:13
Rest of Form Components
11:51
SubmitButton Component
05:22
FormContainer Component
15:41
CreateProductAction - First Approach + Helper Functions
12:49
Zod Library and Product Schema
11:29
Custom Error Messages
13:53
Image Validation
07:45
Upload Image to Supabase Bucket
14:14
Fetch Admin Products
09:58
Icon Button and Delete Product Action
08:51
Complete Admin Products Page
04:37
Remove Old Image from Supabase Bucket
07:37
Fetch Admin Product Details
03:38
Edit Product Page
12:21
Update Image Container Component
15:23
Loading Table Component
05:17
Favorite Model
05:37
Favorite Buttons and Actions
09:37
FavoriteToggleButton and FavoriteToggleForm Components
09:23
Toggle Favorite Action
05:18
Favorites Page
05:34
React Share Library
12:11
Review Model
08:37
Rating Input and Submit Review Components
14:40
Create Review Action
05:09
Rating and Comment Components
09:37
Product Reviews Component
12:00
Product Rating Component - Complete
04:30
Fetch User Reviews and Delete Review Action
03:59
Reviews Page
10:41
Restrict Access to Submit Review Button
06:22
Cart and CartItem Model
09:43
Select Product Amount Component
13:18
Add To Cart - Component
08:11
Add To Cart Action - First Part
11:48
Add To Cart Action - Second Part
12:47
Cart Page and Cart Totals Component
17:12
Cart Items List Component
16:05
Delete Cart Item Action
10:26
Edit Cart Item Action
06:55
Bug Fix
07:40
Order Model and Order Actions
08:51
Orders and Sales Pages
14:53
Stripe Setup and API Keys
03:01
Refactor Order Model and createOrderAction
06:57
Checkout Page
06:12
Payment Route
12:17
Confirm Route
04:55
Test Stripe Functionality
03:59
Overview and Setup
06:59
Shadcn-ui Overview and Setup
18:54
Layout, Home Page and Create Pages
14:46
Important Info !!!
00:23
Clerk Auth and Nav Links
08:14
Dashboard Layout, Sidebar and Navbar
18:56
Dropdownlinks Component, Change Theme and Toggle Theme
19:13
Shadcn-ui Form Component and Types
18:23
Custom Form Components
12:06
Create Job Functionality - Continued
10:34
Important Info !!!
00:14
Prisma, Render and Create Job Action
18:23
Toast Component, React Query Setup and Create Job Form Complete
15:13
Get All Jobs Action and Page Setup
21:09
Search Form
15:20
Jobs List and Job Card
15:18
Job Info and Delete Job
11:11
Single Job Page and Edit Job Complete
13:33
Seed Database
10:18
Stats and Charts Actions
13:21
Stats Cards, Loading Skeleton and Charts Container
15:59
Pagination - Button Container
15:19
Pagination - Complex Button Container
13:33
Course Complete
00:26
Extra Projects
00:21
Intro and Setup
17:26
Structure and Styled Components
23:18
Setup Pages
32:01
Error and Register Page (first part)
36:00
Register Page (second part)
30:30
Important Info !!!
00:37
HTTP Requests
30:19
Login User and Dashboard Setup
33:42
Navbar and Toggle Functionality
26:35
Small and Big Sidebar
22:40
Profile Page
36:42
Add Job Page - First Part
26:28
Add Job Page - Second Part
31:37
Create Job
23:59
All Jobs
30:32
Job Component
34:15
Edit Job and Test User
40:48
Stats Container
24:11
Recharts Library Update !!!
00:16
Charts Container
20:09
Search Container
23:49
Pagination
26:00
Query Params
22:52
Refactor and Logout User
25:41
Debounce
23:57
Setup and React Router
27:16
First Pages, Context API and Mock Data
30:36
Info, Card and Followers Components
33:37
Charts - First Part
27:50
Calculate Stats - First Part
28:47
Calculate Stats - Second Part
30:40
API Requests
33:32
API Requests - Second Part
29:23
Authentication
32:42
Authentication (Second Part) and Deploy
36:22
Bonus
00:11
Viết Bình Luận
Khoá học liên quan
![[NEW] Spring Security 6 Zero to Master along with JWT,OAUTH2](/uploads/courses/udemy/3485044_ef54_2.jpg)
Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!
Get khoá học giá rẻ ngay trước khi bị fix.
Đánh giá của học viên
Bình luận khách hàng