[Update 2/2023] React 18 Tutorial and Projects Course (2023) (Udemy – Engsub and Vietsub)

About Course

Views

What you’ll learn:
Make Great Projects Using React
Time video:
64.5 hours
Teacher:
John Smilga
Total weight:
33 GB

Original link:
https://www.udemy.com/course/react-tutorial-and-projects-course/
Link :
Below The Post

Tải video và file sub srt về và dùng phần mềm VLC để xem nhé.

Course Content

28 – Add Job Page – Complete

001 Delete Job Request.mp4

11:04
002 Set Edit Job.mp4

06:32
003 Edit Job Request.mp4

10:06

20 – Jobster Project – Landing Page

21 – Error Page

22 – Jobster Project – Register Page

009 Register and Login Placeholders.mp4

08:57
017 Programmatically Navigate To Dashboard.mp4

04:48
016 Local Storage.mp4

07:17
015 Login User – HTTP(AJAX) Request.mp4

03:59
014 Register User – HTTP(AJAX) Request.mp4

09:26
013 Testing Register – HTTP(AJAX) Request.mp4

06:57
012 Axios CustomFetch Instance.mp4

03:22
011 Jobs API.mp4

04:54
010 HTTP Methods.mp4

05:37
001 Register Page – Overview.mp4

05:24
008 User Slice – Setup.mp4

07:10
007 React Toastify.mp4

06:44
006 Handle Change and Empty Values.mp4

07:38
005 Toggle Member.mp4

06:45
004 FormRow Component.mp4

07:23
003 Switch To React 18.mp4

02:19
002 Register Page – Setup.mp4

06:49

23 – Dashboard Setup

24 – Navbar and Sidebar

001 Sidebar CSS Logic.mp4

04:19
002 React Icons.mp4

03:26
003 Navbar Structure.mp4

07:48
004 Toggle Sidebar.mp4

03:54
005 Toggle Logout Dropdown.mp4

02:30
006 Logout Functionality.mp4

04:14
007 Protected Route.mp4

04:41
008 Small Sidebar – Setup.mp4

03:49
009 Small Sidebar – Toggle.mp4

02:14
010 Links Data.mp4

04:03
011 Small Sidebar – Nav Links.mp4

05:01
012 NavLinks Component.mp4

02:57
013 Big Sidebar.mp4

04:34

25 – Profile Page

26 – Add Job Page – First Stage

001 Intro.mp4

02:00
002 Job Slice.mp4

06:28
003 Overview.mp4

03:47
004 Structure.mp4

08:58
005 FormRow Select.mp4

11:24
006 HandleChange Reducer.mp4

04:30
007 ClearValues Reducer.mp4

02:56
008 Create Job Request – Overview.mp4

05:25
009 Create Job Request – Complete.mp4

10:09
010 User Location.mp4

05:20
011 Logout Message.mp4

03:03

27 – All Jobs – First Stage

001 Intro.mp4

01:37
002 AllJobs Slice – Setup.mp4

04:13
003 AllJobs Page Structure.mp4

03:12
004 Container Setup.mp4

10:07
005 GetAllJobs Request – Overview.mp4

04:47
006 GetAllJobs Request – Complete.mp4

06:32
007 Job Component Structure.mp4

11:41
008 Job Info Component.mp4

04:55
009 Moment.js.mp4

02:08
010 Toggle Loading.mp4

04:25

19 – Jobster Project – Initial Setup

29 – Refactor App

30 – Stats Page

31 – All Jobs Page – Complete

32 – Pagination

001 PageBtnContainer – Structure.mp4

10:40
002 Change Page Functionality.mp4

07:09
003 Query Params – Overview.mp4

11:27
004 Query Params – Complete.mp4

06:04
005 Change Page an isLoading.mp4

05:19
006 Refactor AllJobs.mp4

03:37
007 Clear Store.mp4

09:42
008 Unauthorized Error.mp4

09:29
009 Refactor Extra Reducers To Builder Notation.mp4

02:51

33 – Debounce Function

35 – Practical Projects

042 Quiz – Intro.mp4

02:08
030 Movies DB – Single Movie.mp4

12:41
031 Movies DB – Refactor.mp4

13:47
032 Movies DB – React Router Refactor.mp4

02:18
033 Hacker News – Intro.mp4

01:55
034 Hacker News – Setup.mp4

02:43
035 Hacker News – API Overview.mp4

05:42
036 Hacker News – Initial Structure.mp4

15:01
037 Hacker News – Get Stories.mp4

09:31
038 Hacker News – Display Stories.mp4

07:55
039 Hacker News – Remove Story.mp4

04:59
040 Hacker News – Search Form.mp4

09:42
041 Hacker News – Prev and Next Buttons.mp4

14:17
029 Movies DB – Search Form.mp4

08:21
043 Quiz – Setup.mp4

02:08
044 Quiz – API.mp4

03:37
045 Quiz – Context Setup.mp4

09:50
046 Quiz – Fetch Questions.mp4

11:37
047 Quiz – Display Question.mp4

13:19
048 Quiz – Next Question.mp4

04:36
049 Quiz – Check Answer.mp4

05:23
050 Quiz – Modal.mp4

07:48
051 Quiz – Form Structure.mp4

13:32
052 Quiz – Handle Change.mp4

04:56
053 Quiz – Handle Submit.mp4

08:30
054 Quiz – Random Answer.mp4

06:46
015 Pagination – Prev and Next.mp4

03:59
003 Markdown – Setup.mp4

05:31
004 Markdown – Complete.mp4

07:52
005 Random User – Intro.mp4

00:37
006 Random User – Setup.mp4

13:52
007 Random User – Fetch User.mp4

13:31
008 Random User – Buttons.mp4

06:14
009 Pagination – Intro.mp4

02:33
010 Pagination – Setup.mp4

03:20
011 Pagination – Fetch List.mp4

05:25
012 Pagination – Paginate.mp4

13:38
013 Pagination – Display Single Page.mp4

06:55
014 Pagination – Buttons.mp4

09:49
002 Markdown – Intro.mp4

01:45
017 Dark Mode – Intro.mp4

01:01
018 Dark Mode – Setup.mp4

09:25
019 Dark Mode – Moment.js.mp4

05:41
020 Dark Mode – Toggle Theme.mp4

12:09
021 Dark Mode – Local Storage.mp4

02:49
022 Movies DB – Intro.mp4

00:46
023 Movies DB – Setup.mp4

01:51
024 Movies DB – API Key.mp4

11:08
025 Movies DB – React Router Update.mp4

00:42
026 Movies DB – React Router.mp4

05:17
027 Movies DB – Initial Fetch.mp4

15:27
028 Movies DB – Movies Component.mp4

08:36

36 – Search Github Users

032 allSettled.mp4

12:57
022 Doughnut Chart.mp4

05:08
023 Calculate Most Popular.mp4

08:00
024 Column and Bar Charts.mp4

04:35
025 Stars and Forks Functionality.mp4

07:48
026 Search Component.mp4

10:15
027 Requests.mp4

14:41
028 Error.mp4

07:14
029 Search User.mp4

11:36
030 Loading Spinner.mp4

07:26
031 Repos and Followers.mp4

08:59
021 Responsive Setup.mp4

04:55
033 Auth0 – Intro.mp4

01:35
034 Auth0 – Setup.mp4

13:27
035 Login – Logout.mp4

17:39
036 Private Route.mp4

10:15
037 Wrapper.mp4

06:37
038 Local Storage.mp4

02:56
039 React Router – Refactor.mp4

05:55
040 Deploy Gotchas.mp4

03:26
041 Deploy Project.mp4

07:09
011 Info Component.mp4

14:58
002 Starter Project.mp4

02:50
003 Setup Info.mp4

10:03
004 React Router – Update.mp4

00:42
005 React Router – Setup.mp4

06:51
006 React Router – Error Page.mp4

02:36
007 Error Page.mp4

03:33
008 Login Page.mp4

04:37
009 Context.mp4

08:45
010 Mock Data.mp4

13:39
001 Intro.mp4

04:11
012 Card Component.mp4

13:13
013 Follower Component.mp4

05:25
014 Repos Setup.mp4

02:49
015 Fusion Charts – Intro.mp4

01:35
016 First Chart.mp4

03:46
017 Fusion Chart.mp4

09:55
018 Configuration Options.mp4

02:30
019 Pie Chart.mp4

07:12
020 Calculate Most Used.mp4

18:43

01 – Introduction

18 – Redux Toolkit

012 Cart Item.mp4

03:24
022 Builder Callback Notation.mp4

05:27
021 createAsyncThunk – More Options.mp4

09:24
020 createAsyncThunk.mp4

13:03
019 Modal Complete.mp4

09:29
018 Model Setup.mp4

02:28
017 Reducers – Calculate Totals.mp4

06:08
016 Reducers – Increase and Decrease.mp4

06:20
015 Reducers – Remove Item.mp4

06:38
014 Reducers – Return State.mp4

02:45
013 Reducers – Clear Cart.mp4

07:38
001 Intro.mp4

02:43
011 Cart Container.mp4

09:08
010 Cart Items – Local Data.mp4

02:15
009 Hero Icons.mp4

03:04
008 useSelector.mp4

08:37
007 Redux Dev Tools.mp4

01:40
006 First Slice.mp4

07:39
005 Store.mp4

03:31
004 Install.mp4

03:46
003 Setup.mp4

02:46
002 Github.mp4

00:20

16 – Customize Comfy Sloth and Setup Airtable

011 First Product.mp4

13:06
021 Showcase Setup.mp4

03:40
020 Fetch Single Product.mp4

10:05
019 Single Product – Structure.mp4

03:39
018 Refactor and Return Products.mp4

13:03
017 Fetch Products.mp4

07:58
016 Airtable-Node Library.mp4

01:37
015 Two More Serverless Functions.mp4

03:53
014 Airtable Gotcha.mp4

03:38
013 API KEY.mp4

04:19
012 All Products – Optional !!!!.mp4

04:50
001 Intro.mp4

01:54
010 Airtable.mp4

01:09
009 Setup Product Images.mp4

02:02
008 Main Images.mp4

08:59
007 Favicon.mp4

02:14
006 Logo.mp4

05:02
005 Colors.mp4

06:46
004 Fonts.mp4

06:06
003 Default CSS.mp4

01:21
002 Setup.mp4

02:44

15 – E-Commerce Project

054 Cart Page Setup.mp4

04:36
064 Auth0 – Setup.mp4

07:18
063 Auth0 – Info.mp4

01:00
062 Cart – Calculate Totals.mp4

07:34
061 Cart – Toggle Amount.mp4

10:08
060 Cart – Remove Item and Clear Cart.mp4

04:49
059 Cart Item.mp4

09:48
058 Cart Totals.mp4

03:43
057 Cart Columns.mp4

02:35
056 Cart Content.mp4

03:45
055 localStorage.mp4

05:24
065 Auth0 – Connections.mp4

03:00
053 AddToCart Reducer – Existing Item.mp4

07:13
052 AddToCart Reducer – New Item.mp4

06:33
051 AddToCart – Setup.mp4

05:48
050 Cart Context Setup.mp4

03:38
049 Filter Functionality – Rest of the Filters.mp4

11:08
048 Filter Functionality – Setup and Text Input.mp4

11:42
047 Filters – Shipping and Clear Filters.mp4

07:50
046 Filters – Price.mp4

04:51
045 Filters – Colors.mp4

11:05
077 Install and Setup netlify-cli.mp4

13:18
087 Deploy To Netlify.mp4

10:32
086 Refactor To React Router 6.mp4

06:47
085 Stripe Checkout – Complete.mp4

16:28
084 Stripe Checkout – Get Client Secret.mp4

19:48
083 Netlify Function – create-payment-setup.mp4

11:15
082 Stripe Checkout – Basic Return.mp4

11:08
081 Stripe Checkout – State Variables.mp4

08:49
080 Stripe Checkout – Imports.mp4

12:23
079 Stripe Checkout – Setup.mp4

14:35
078 First Netlify Function.mp4

04:42
044 Filters – Companies.mp4

03:34
075 Stripe and Netlify Accounts.mp4

03:26
074 Fix Warnings.mp4

06:26
073 AuthWrapper.mp4

11:41
072 Upgrade To Latest Starter.mp4

04:31
070 Auth0 – Private Route.mp4

08:39
069 Auth0 – Hide Checkout.mp4

06:26
068 Auth0 – Toggle Values.mp4

07:44
067 Auth0 – LoginLogout Buttons.mp4

03:38
066 User Context – Setup.mp4

05:25
012 Products Context Setup.mp4

18:12
023 Featured Products.mp4

12:00
022 Fetch Products Complete.mp4

11:47
021 Fetch Products Overview.mp4

06:53
019 Formspree.mp4

06:09
018 Home Page – Contact.mp4

02:49
017 Home Page – Services.mp4

06:08
016 Home Page – Hero.mp4

06:51
015 About, Checkout Page.mp4

08:25
014 Error Page.mp4

03:42
013 Sidebar Toggle.mp4

05:37
024 Format Price.mp4

06:44
011 Sidebar.mp4

09:09
010 Footer.mp4

01:34
009 Cart Buttons.mp4

06:54
008 Navbar.mp4

13:27
007 React Router – Setup.mp4

16:06
006 React Router 6 Update !!!.mp4

00:42
005 Styled Components – Basics.mp4

15:19
004 Stater Overview.mp4

12:26
003 Starter Install.mp4

03:14
034 Products Page – Grid View.mp4

07:24
043 Filters – Categories.mp4

09:12
042 Filters – Unique Values.mp4

10:03
041 Filters – Text.mp4

17:07
040 Filters – Default Values.mp4

09:31
039 Sort Functionality.mp4

15:36
038 Sort Component – Controlled Input.mp4

08:32
037 Sort Component – View Buttons.mp4

04:23
036 Sort Component – Basic Setup.mp4

09:10
035 Products Page – List View.mp4

09:04
001 Intro.mp4

05:10
033 Filter Context Setup.mp4

12:48
032 Single Product – Add To Cart – Amount Buttons.mp4

08:11
031 Single Product – Add To Cart – Colors.mp4

12:55
030 Single Product – Stars (array approach).mp4

06:33
029 Single Product – Stars (manual approach).mp4

12:58
028 Single Product – Product Images.mp4

13:13
027 Single Product – Base Return.mp4

13:29
026 Single Product – Loading, Error.mp4

11:22
025 Fetch Single Product.mp4

07:40

13 – React Router 6

002 Intro.mp4

02:29
003 Setup.mp4

02:16
004 First Pages.mp4

06:37
005 Page Components.mp4

04:45
006 Link Component.mp4

03:51
007 Error Page.mp4

03:01
008 Navbar.mp4

02:02
009 Nested Routes.mp4

05:03
010 Shared Layout.mp4

06:14
011 Index Pages.mp4

05:44
012 NavLink.mp4

07:18
013 URL Params – Setup.mp4

06:53
014 Single Product Page.mp4

05:39
015 useNavigate().mp4

08:12
016 Protected Route.mp4

04:02
017 Products Page Refactor.mp4

03:30

12 – MixMaster

036 Submit Form.mp4

06:37
025 CocktailList and CocktailCard CSS (optional).mp4

05:53
026 Global Loading and Context.mp4

06:32
027 Single Cocktail – Setup.mp4

07:15
028 Single Cocktail – Render.mp4

04:52
029 Ingredients Challenge.mp4

07:14
030 Additional Check.mp4

05:00
031 Single Cocktail CSS (optional).mp4

05:17
032 React Toastify – Setup.mp4

01:36
033 Newsletter Structure.mp4

05:56
034 HTML Form Submission.mp4

04:35
035 Action – Setup.mp4

08:24
024 CocktailCard.mp4

05:10
037 Handle Errors.mp4

08:50
038 Navigation State.mp4

02:10
039 SearchForm – Structure.mp4

04:07
040 SearchForm – Complete.mp4

06:55
041 SearchForm CSS (optional).mp4

02:06
042 React Query – Setup.mp4

05:14
043 React Query – Landing Page Setup.mp4

07:34
044 React Query – Landing Page Complete.mp4

05:02
045 React Query – Single Cocktail Page.mp4

05:48
046 Redirects.mp4

01:01
013 Navbar CSS (optional).mp4

09:08
002 Setup.mp4

00:29
003 Starter.mp4

00:55
004 SPA and React Router Info.mp4

03:11
005 Basic Router.mp4

04:39
006 Setup Pages.mp4

06:31
007 Link Component.mp4

03:40
008 Nested Pages.mp4

08:50
009 Nested Pages – More Complex Example.mp4

03:23
010 Navbar.mp4

05:02
011 Styled Components – Setup.mp4

05:41
012 Styled Components – Wrapper.mp4

04:41
001 Intro.mp4

01:08
014 About Page.mp4

02:17
015 Page Layout.mp4

03:06
016 Error Page.mp4

06:21
017 Error Page – CSS.mp4

04:26
018 Loader Info.mp4

04:59
019 Loader – Landing Page.mp4

01:35
020 CocktailDB Overview.mp4

02:15
021 Fetch Drinks.mp4

05:00
022 Single Page Error.mp4

06:33
023 CocktailList.mp4

07:18

11 – Contentful CMS Project

009 Content Type.mp4

04:31
017 CSS (Optional).mp4

10:29
016 Webhooks.mp4

04:17
015 Deploy.mp4

05:59
014 Render Projects.mp4

03:54
013 Fetch Projects.mp4

09:22
012 Contentful SDK – Install and Setup.mp4

04:06
011 Contenful API Docs.mp4

06:49
010 Content.mp4

05:51
001 Intro.mp4

01:42
008 Create Contentful Account.mp4

00:43
007 Headless CMS.mp4

01:28
006 Projects Data.mp4

04:51
005 Undraw.mp4

01:54
004 Hero Component.mp4

04:35
003 Setup.mp4

00:50
002 Starter.mp4

00:21

10 – Unsplash Images Project

012 Obtain Correct URL.mp4

08:03
023 CSS (Optional).mp4

11:30
022 Deploy.mp4

05:25
021 ENV Variables.mp4

05:26
020 Local Storage.mp4

03:10
019 Dark Mode – Javascript Check.mp4

05:25
018 UseQuery Fix.mp4

04:04
017 Setup Global SearchValue.mp4

05:15
016 React Query Dev Tools.mp4

02:15
015 Render Images.mp4

05:39
014 Setup Query.mp4

03:29
013 Setup React Query.mp4

02:47
001 Intro.mp4

00:34
011 Unsplash API – Register.mp4

00:41
010 Unsplash API – Info.mp4

00:28
009 SearchForm.mp4

06:55
008 Dark Theme – Users Prefers Dark Mode (CSS).mp4

02:39
007 Dark Theme – CSS.mp4

10:42
006 Dark Theme – AddRemove Class.mp4

04:13
005 Dark Theme – Initial Setup.mp4

06:07
004 Structure.mp4

05:09
003 Starter.mp4

01:21
002 Download.mp4

00:15

09 – React Query

011 Render Data.mp4

05:30
021 Alternative Server Setup.mp4

02:19
020 Refactor.mp4

12:42
019 Delete Task.mp4

04:53
018 Edit Task – Complete.mp4

05:31
017 Edit Task – Challenge.mp4

04:34
016 UseMutation Helpers.mp4

08:27
015 Create Task – Initial Setup.mp4

09:02
014 Create Task – Challenge.mp4

08:27
013 Thunder Client.mp4

03:57
012 Error Handling.mp4

05:56
001 Intro.mp4

02:43
010 First Query.mp4

07:22
009 React Query – Install and Setup.mp4

01:55
008 React Query – Intro.mp4

03:00
007 API Docs.mp4

06:23
006 HTTP Methods.mp4

07:54
005 Axios Custom Instance.mp4

05:09
004 Tasks App (Front-End) – Setup.mp4

04:29
003 Server (Back-End) – Setup.mp4

06:46
002 Starter.mp4

00:37

08 – Axios HTTP Library

07 – Fundamental Projects (With Steps)

001 Intro.mp4

03:01
002 Setup.mp4

13:44
003 Setup – Figma File.mp4

02:06
004 Birthday Buddy- Setup.mp4

01:55
005 Birthday Buddy – Import List.mp4

05:02
006 Birthday Buddy – Render List.mp4

06:16
007 Birthday Buddy – Clear List.mp4

02:24
008 Birthday Buddy – CSS (Optional).mp4

13:48
009 Tours – Setup.mp4

01:11
010 Tours – Fetch Tours.mp4

07:45
011 Tours – Render Tours.mp4

11:55
012 Tours – Remove Tour.mp4

03:59
013 Tours – Read More.mp4

06:32
014 Tours – Refetch.mp4

04:34
015 Tours – CSS (Optional).mp4

18:37
016 Reviews – Setup.mp4

00:53
017 Reviews – Data.mp4

03:21
018 Reviews – React Icons.mp4

03:46
019 Reviews – First Person.mp4

04:30
020 Reviews – Prev and Next.mp4

05:06
021 Reviews – Check Number.mp4

04:18
022 Reviews – Random Person.mp4

04:02
023 Reviews – Modulus Operator.mp4

06:22
024 Reviews – CSS (Optional).mp4

13:10
025 Questions – Setup.mp4

00:56
026 Questions – Render List.mp4

07:31
027 Questions – Toggle Info.mp4

04:16
028 Questions – Alternative Setup.mp4

11:05
029 Questions – CSS (Optional).mp4

08:40
030 Menu – Setup.mp4

00:44
031 Menu – Title Component.mp4

03:26
032 Menu – Render Items.mp4

06:34
033 Menu – Unique Categories.mp4

07:05
034 Menu – Display Categories.mp4

02:57
035 Menu – Filter Items.mp4

05:11
036 Menu – CSS (Optional).mp4

10:47
037 Tabs – Setup.mp4

00:46
038 Tabs – Fetch Jobs.mp4

06:39
039 Tabs – Display Job.mp4

05:54
040 Tabs – Duties and UUID Library.mp4

06:45
041 Tabs – Button Container.mp4

02:27
042 Tabs – Current Item.mp4

04:48
043 Tabs – CSS (Optional).mp4

12:57
044 Slider – Setup.mp4

01:39
045 Slider – Structure.mp4

10:07
046 Slider – CSS.mp4

12:04
047 Slider – Initial Logic.mp4

06:11
048 Slider – Current Item and PrevNext.mp4

08:16
049 Slider – Autoslide (autoplay).mp4

03:37
050 Slider – Library Info.mp4

01:06
051 Slider – React Slick Setup.mp4

09:06
052 Slider – React Slick Complete.mp4

09:05
053 Lorem Ipsum – Setup.mp4

00:55
054 Lorem Ipsum – Structure.mp4

06:42
055 Lorem Ipsum – Submit Form.mp4

06:43
056 Lorem Ipsum – Nanoid Library.mp4

01:51
057 Lorem Ipsum – CSS (Optional).mp4

05:25
058 Color Generator – Setup.mp4

01:49
059 Color Generator – Form Structure.mp4

06:59
060 Color Generator – HTML Color Input.mp4

02:38
061 Color Generator – Values.js Library.mp4

03:27
062 Color Generator – Render List.mp4

08:46
063 Color Generator – React Toastify.mp4

04:53
064 Color Generator – ChangeAdd Color.mp4

06:47
065 Color Generator – Clipboard API.mp4

03:58
066 Color Generator – CSS (Optional).mp4

10:15
067 Grocery Bud – Setup.mp4

01:21
068 Grocery Bud – Form Component.mp4

06:48
069 Grocery Bud – Add Item.mp4

08:03
070 Grocery Bud – Render Items.mp4

04:05
071 Grocery Bud – Single Item.mp4

05:41
072 Grocery Bud – Remove Item.mp4

01:36
073 Grocery Bud – Local Storage.mp4

11:46
074 Grocery Bud – Edit Item (Global Setup).mp4

05:30
075 Grocery Bud – React Toastify.mp4

03:56
076 Grocery Bud – CSS (Optional).mp4

08:43
077 Navbar – Setup.mp4

01:19
078 Navbar – Data.mp4

02:07
079 Navbar – Initial Setup.mp4

10:01
080 Navbar – Initial Setup CSS.mp4

05:44
081 Navbar – Fixed Setup.mp4

06:05
082 Navbar – Dynamic Setup.mp4

08:19
083 Navbar – Question.mp4

05:18
084 Navbar – Complete App.mp4

11:44
085 SidebarModal – Setup.mp4

00:56
086 SidebarModal – Components.mp4

02:44
087 SidebarModal – Global Context.mp4

06:56
088 SidebarModal – Home Component.mp4

06:13
089 SidebarModal – Modal Component.mp4

15:03
090 SidebarModal – Sidebar Component JSX.mp4

05:37
091 SidebarModal – Sidebar CSS.mp4

09:11
092 SidebarModal – Sidebar Toggle.mp4

02:24
093 Strapi – Setup.mp4

01:03
094 Strapi – Data.mp4

01:43
095 Strapi – Global Context.mp4

04:49
096 Strapi – Components.mp4

06:13
097 Strapi – Navbar CSS.mp4

05:47
098 Strapi – Hero.mp4

05:58
099 Strapi – Sidebar JSX.mp4

08:15
100 Strapi – Sidebar CSS.mp4

10:56
101 Strapi – NavLinks.mp4

08:10
102 Strapi – PageId Logic.mp4

03:34
103 Strapi – Submenu JSX.mp4

08:12
104 Strapi – Submenu CSS.mp4

10:09
105 Strapi – Hide Submenu (Part 1).mp4

06:54
106 Strapi – Hide Submenu (Part 2).mp4

12:13
107 Cart – Intro.mp4

00:51
108 Cart – Setup.mp4

05:33
109 Cart – Global Context.mp4

03:14
110 Cart – UseReducer Setup.mp4

06:30
111 Cart – Setup Actions.mp4

04:22
112 Cart – Data Structures.mp4

03:50
113 Cart – Map Object.mp4

06:42
114 Cart – Switch to Map().mp4

05:25
115 Cart – Clear Cart.mp4

04:09
116 Cart – Remove Item.mp4

07:34
117 Cart – Increase Amount.mp4

04:22
118 Cart – Decrease Amount.mp4

03:26
119 Cart – Calculate Totals.mp4

07:35
120 Cart – Fetch Structure.mp4

04:36
121 Cart – Fetch Complete.mp4

04:27
122 Cart – CSS (Optional).mp4

17:29

06 – React Hooks and Advanced Topics

056 Select Input.mp4

04:38
068 Context API – Custom Hook.mp4

03:04
067 Context API – Solution.mp4

08:06
066 Context API – Prop Drilling.mp4

11:04
065 Context API – Challenge.mp4

02:51
064 Custom Hooks – Generic Fetch.mp4

03:27
063 Custom Hooks – Fetch Person.mp4

06:47
062 Custom Hooks – Toggle.mp4

05:54
060 useRef – Initial Render.mp4

04:53
059 useRef – DOM Node.mp4

07:22
057 FormData API.mp4

11:11
069 Context API – Global Setup.mp4

11:34
055 Checkbox Input.mp4

03:40
054 Multiple Inputs.mp4

11:54
053 User Challenge – Remove User.mp4

02:08
052 User Challenge – Add New User.mp4

09:20
051 User Challenge – Setup.mp4

02:48
050 Controlled Inputs.mp4

10:02
049 Forms – Setup.mp4

05:01
048 Leverage Javascript – Complete.mp4

10:06
047 Leverage Javascript – Challenge.mp4

07:12
081 Component Re-renders.mp4

05:02
091 React Suspense.mp4

09:27
090 UseTransition Hook.mp4

07:57
089 UseMemo Hook.mp4

05:28
088 UseCallback Hook – Common Use Case.mp4

02:21
087 UseCallback Hook.mp4

05:20
086 Mind Grenade.mp4

05:11
085 React.memo().mp4

03:43
084 Lower State – Challenge.mp4

05:19
083 Lower State.mp4

03:36
082 React Dev Tools.mp4

04:20
046 Leverage Javascript – Intro.mp4

04:59
080 Performance – Intro.mp4

00:40
078 ImportExport.mp4

04:45
077 Remove Person.mp4

04:25
076 Reset List.mp4

01:34
075 Actions and Default State.mp4

05:26
074 Reducer Basics.mp4

09:46
073 UseReducer – Setup.mp4

09:52
072 UseReducer – Challenge.mp4

05:16
071 UseReducer – Intro.mp4

02:29
012 UseState Object Example – Setup.mp4

05:17
023 UseEffect Fetch Challenge – Complete.mp4

09:19
022 UseEffect Fetch Challenge – Intro.mp4

03:34
021 UseEffect – Multiple Effects.mp4

03:57
020 UseEffect – Fundamentals.mp4

07:02
019 Code Example.mp4

06:00
017 UseState – SetTimeout Example.mp4

04:12
016 UseState Functional Update Form.mp4

04:21
015 UseState Set Function Gotcha.mp4

03:15
014 UseState Object Example – Complete.mp4

05:54
013 Auto Batching Info.mp4

01:27
024 UseEffect Clean Up Info.mp4

01:15
011 UseState – Extra Info.mp4

01:31
010 UseState Array Example – Complete.mp4

07:29
009 UseState Array Example – Setup.mp4

06:12
008 General Rules of React Hooks.mp4

02:36
007 Initial Render and Re-renders.mp4

03:01
006 UseState Fundamentals.mp4

09:54
005 Error Example.mp4

03:37
004 Overview.mp4

08:53
003 Setup.mp4

02:31
034 Short Circuit – Examples.mp4

07:41
045 Project Structure – Export Group.mp4

06:43
044 Project Structure – Named Exports.mp4

04:22
043 Project Structure – Folder Example.mp4

06:22
041 You Might Not Need an Effect.mp4

03:36
040 UseEffect – Event Listeners Example.mp4

03:29
039 UseEffect – Timer Example.mp4

05:30
038 UseEffect Cleanup Function – SetupChallenge.mp4

06:40
037 User Challenge.mp4

05:49
036 Toggle Challenge.mp4

05:45
035 Ternary Operator.mp4

04:04
001 Intro.mp4

00:51
033 Short Circuit – Overview.mp4

05:22
032 Vanilla.js (Optional).mp4

05:16
031 React Hooks Rules.mp4

02:16
030 Fetch Function Location.mp4

02:54
029 Order Matters.mp4

06:46
028 Fetch Error Gotcha.mp4

04:01
027 Multiple Returns – Fetch Data.mp4

09:09
026 Multiple Returns – Fetch Data Setup.mp4

03:38
025 Multiple Returns.mp4

05:44

05 – VITE

04 – Backroads Application

012 Hero and About Components.mp4

02:16
021 Continuous Deployment Gotcha.mp4

04:55
020 Continuous Deployment – Benefits.mp4

05:26
019 Continuous Deployment – Setup.mp4

05:57
018 Alternative Approach – More Components.mp4

12:09
017 Alternative Approach – Page Links Component.mp4

07:04
016 Footer Component.mp4

05:01
015 Tours Component.mp4

07:55
014 Services Component.mp4

04:10
013 Title Component.mp4

04:30
001 Intro.mp4

01:57
011 Social Links.mp4

07:26
010 Page Links.mp4

07:34
009 Smooth Scroll.mp4

03:21
008 Nav Logo.mp4

02:36
007 Components.mp4

06:32
006 Structure.mp4

10:50
005 SRC Boilerplate.mp4

08:14
004 Install.mp4

03:20
003 Setup.mp4

00:26

03 – React Fundamentals

030 Complex Example – Intro.mp4

02:02
021 Proper List.mp4

06:25
022 Key Prop.mp4

04:07
023 Object as a Prop.mp4

05:34
024 Event Basics.mp4

13:08
025 Form Submission.mp4

05:50
026 Form Submission – Button Example.mp4

03:41
027 Anonymous Function (arrow).mp4

03:20
028 Components Feature.mp4

05:08
029 Prop Drilling.mp4

05:40
020 Simple List.mp4

08:35
031 Complex Example – Bug.mp4

03:42
032 Complex Example – Fix.mp4

03:20
033 ES6 Modules.mp4

09:58
034 Local Images (src folder).mp4

05:42
035 Numbers Challenge.mp4

06:28
036 Title Challenge.mp4

02:25
037 Build Folder.mp4

02:33
038 Deployment.mp4

02:45
011 BookList.mp4

10:25
003 Folder Structure.mp4

08:59
004 Remove Boilerplate.mp4

02:27
005 First Component.mp4

10:13
006 Extensions and Settings.mp4

12:53
007 Create Element Function.mp4

04:30
008 JSX Rules.mp4

09:41
009 Nest Components.mp4

04:03
010 React Developer Tools.mp4

02:12
001 Intro.mp4

00:58
012 CSS.mp4

10:32
013 Local Images (public folder).mp4

07:16
014 JSX – CSS.mp4

07:26
015 JSX – Javascript.mp4

06:30
016 Props – Basic Setup.mp4

09:40
017 Props – Somewhat Dynamic Setup.mp4

04:29
018 Props – Multiple Approaches.mp4

04:45
019 Children Prop.mp4

06:30

02 – Dev Environment

Student Ratings & Reviews

No Review Yet

About Course

Course Content

28 – Add Job Page – Complete

001 Delete Job Request.mp4

002 Set Edit Job.mp4

003 Edit Job Request.mp4

20 – Jobster Project – Landing Page

001 Landing Page – Setup.mp4

002 Landing Page – Structure.mp4

003 Styled Components – Basics.mp4

004 Style Landing Page.mp4

21 – Error Page

001 Wrappers Folder.mp4

002 Logo and Images.mp4

003 Logo Component.mp4

004 Setup Pages.mp4

005 React Router – Setup.mp4

006 Error Page.mp4

007 Auto Imports.mp4

22 – Jobster Project – Register Page

009 Register and Login Placeholders.mp4

017 Programmatically Navigate To Dashboard.mp4

016 Local Storage.mp4

015 Login User – HTTP(AJAX) Request.mp4

014 Register User – HTTP(AJAX) Request.mp4

013 Testing Register – HTTP(AJAX) Request.mp4

012 Axios CustomFetch Instance.mp4

011 Jobs API.mp4

010 HTTP Methods.mp4

001 Register Page – Overview.mp4

008 User Slice – Setup.mp4

007 React Toastify.mp4

006 Handle Change and Empty Values.mp4

005 Toggle Member.mp4

004 FormRow Component.mp4

003 Switch To React 18.mp4

002 Register Page – Setup.mp4

23 – Dashboard Setup

001 Setup Dashboard Pages.mp4

002 Complete SharedLayout.mp4

24 – Navbar and Sidebar

001 Sidebar CSS Logic.mp4

002 React Icons.mp4

003 Navbar Structure.mp4

004 Toggle Sidebar.mp4

005 Toggle Logout Dropdown.mp4

006 Logout Functionality.mp4

007 Protected Route.mp4

008 Small Sidebar – Setup.mp4

009 Small Sidebar – Toggle.mp4

010 Links Data.mp4

011 Small Sidebar – Nav Links.mp4

012 NavLinks Component.mp4

013 Big Sidebar.mp4

25 – Profile Page

001 Profile Page – Intro.mp4

002 Profile Page – Setup.mp4

003 Auth Request Overview.mp4

004 Update User – Complete.mp4

005 Authentication Error.mp4

006 Refactor User Slice.mp4

26 – Add Job Page – First Stage

001 Intro.mp4

002 Job Slice.mp4

003 Overview.mp4

004 Structure.mp4

005 FormRow Select.mp4

006 HandleChange Reducer.mp4

007 ClearValues Reducer.mp4

008 Create Job Request – Overview.mp4

009 Create Job Request – Complete.mp4

010 User Location.mp4

011 Logout Message.mp4

27 – All Jobs – First Stage

001 Intro.mp4

002 AllJobs Slice – Setup.mp4

003 AllJobs Page Structure.mp4

004 Container Setup.mp4

005 GetAllJobs Request – Overview.mp4

006 GetAllJobs Request – Complete.mp4