React 18 Tutorial and Projects Course 2023

React 18 Tutorial and Projects Course 2023

What you’ll learn

Make Great Projects Using React

Requirements

Strong Knowledge of HTML, CSS, JS is Required. ES6 is optional.

Description

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-toolkitAll Project Intros are available for preview.Here are some of the projects we are going to build in this course1. Birthday Reminder2. Tours3. Reviews4. Accordion5. Menu6. Tabs7. Slider8. Lorem Ipsum9. Color Generator10. Grocery Bud11. Navbar12. Sidebar and Modal13. Stripe Menu14. Cart15. Cocktails16. Markdown Preview17. Random Person18. Pagination19. Stock Photos20. Dark Mode21. Movies DB22. Hacker News23. Quiz24. Github Users25. E-Commerce26. Jobster

Overview

Section 1: Introduction

Lecture 1 What is React?

Lecture 2 Goals

Lecture 3 Structure

Lecture 4 Requirements

Lecture 5 Video Blur Fix

Lecture 6 Course Review

Section 2: Dev Environment

Lecture 7 Workflow Info

Lecture 8 Browser

Lecture 9 VS Code

Lecture 10 Terminal

Lecture 11 Node.js

Lecture 12 Create-React-App

Section 3: React Fundamentals

Lecture 13 Intro

Lecture 14 Github Repository

Lecture 15 Folder Structure

Lecture 16 Remove Boilerplate

Lecture 17 First Component

Lecture 18 Extensions and Settings

Lecture 19 Create Element Function

Lecture 20 JSX Rules

Lecture 21 Nest Components

Lecture 22 React Developer Tools

Lecture 23 BookList

Lecture 24 CSS

Lecture 25 Local Images (public folder)

Lecture 26 JSX – CSS

Lecture 27 JSX – Javascript

Lecture 28 Props – Basic Setup

Lecture 29 Props – Somewhat Dynamic Setup

Lecture 30 Props – Multiple Approaches

Lecture 31 Children Prop

Lecture 32 Simple List

Lecture 33 Proper List

Lecture 34 Key Prop

Lecture 35 Object as a Prop

Lecture 36 Event Basics

Lecture 37 Form Submission

Lecture 38 Form Submission – Button Example

Lecture 39 Anonymous Function (arrow)

Lecture 40 Components Feature

Lecture 41 Prop Drilling

Lecture 42 Complex Example – Intro

Lecture 43 Complex Example – Bug

Lecture 44 Complex Example – Fix

Lecture 45 ES6 Modules

Lecture 46 Local Images (src folder)

Lecture 47 Numbers Challenge

Lecture 48 Title Challenge

Lecture 49 Build Folder

Lecture 50 Deployment

Section 4: Backroads Application

Lecture 51 Intro

Lecture 52 Github Repository

Lecture 53 Setup

Lecture 54 Install

Lecture 55 SRC Boilerplate

Lecture 56 Structure

Lecture 57 Components

Lecture 58 Nav Logo

Lecture 59 Smooth Scroll

Lecture 60 Page Links

Lecture 61 Social Links

Lecture 62 Hero and About Components

Lecture 63 Title Component

Lecture 64 Services Component

Lecture 65 Tours Component

Lecture 66 Footer Component

Lecture 67 Alternative Approach – Page Links Component

Lecture 68 Alternative Approach – More Components

Lecture 69 Continuous Deployment – Setup

Lecture 70 Continuous Deployment – Benefits

Lecture 71 Continuous Deployment “Gotcha”

Section 5: VITE

Lecture 72 VITE – Intro

Lecture 73 VITE – Install / Setup

Section 6: React Hooks and Advanced Topics

Lecture 74 Intro

Lecture 75 Github Repository

Lecture 76 Setup

Lecture 77 Overview

Lecture 78 Error Example

Lecture 79 UseState Fundamentals

Lecture 80 Initial Render and Re-renders

Lecture 81 General Rules of React Hooks

Lecture 82 UseState Array Example – Setup

Lecture 83 UseState Array Example – Complete

Lecture 84 UseState – Extra Info

Lecture 85 UseState Object Example – Setup

Lecture 86 Auto Batching Info

Lecture 87 UseState Object Example – Complete

Lecture 88 UseState Set Function “Gotcha”

Lecture 89 UseState Functional Update Form

Lecture 90 UseState – SetTimeout Example

Lecture 91 Matching Project

Lecture 92 Code Example

Lecture 93 UseEffect – Fundamentals

Lecture 94 UseEffect – Multiple Effects

Lecture 95 UseEffect Fetch Challenge – Intro

Lecture 96 UseEffect Fetch Challenge – Complete

Lecture 97 UseEffect Clean Up Info

Lecture 98 Multiple Returns

Lecture 99 Multiple Returns – Fetch Data Setup

Lecture 100 Multiple Returns – Fetch Data

Lecture 101 Fetch Error “Gotcha”

Lecture 102 Order Matters

Lecture 103 Fetch Function Location

Lecture 104 React Hooks Rules

Lecture 105 Vanilla.js (Optional)

Lecture 106 Short Circuit – Overview

Lecture 107 Short Circuit – Examples

Lecture 108 Ternary Operator

Lecture 109 Toggle Challenge

Lecture 110 User Challenge

Lecture 111 UseEffect Cleanup Function – Setup/Challenge

Lecture 112 UseEffect – Timer Example

Lecture 113 UseEffect – Event Listeners Example

Lecture 114 You Might Not Need an Effect

Lecture 115 Matching Projects

Lecture 116 Project Structure – Folder Example

Lecture 117 Project Structure – Named Exports

Lecture 118 Project Structure – Export Group

Lecture 119 Leverage Javascript – Intro

Lecture 120 Leverage Javascript – Challenge

Lecture 121 Leverage Javascript – Complete

Lecture 122 Forms – Setup

Lecture 123 Controlled Inputs

Lecture 124 User Challenge – Setup

Lecture 125 User Challenge – Add New User

Lecture 126 User Challenge – Remove User

Lecture 127 Multiple Inputs

Lecture 128 Checkbox Input

Lecture 129 Select Input

Lecture 130 FormData API

Lecture 131 Matching Projects

Lecture 132 useRef – DOM Node

Lecture 133 useRef – Initial Render

Lecture 134 Matching Projects

Lecture 135 Custom Hooks – Toggle

Lecture 136 Custom Hooks – Fetch Person

Lecture 137 Custom Hooks – Generic Fetch

Lecture 138 Context API – Challenge

Lecture 139 Context API – Prop Drilling

Lecture 140 Context API – Solution

Lecture 141 Context API – Custom Hook

Lecture 142 Context API – Global Setup

Lecture 143 Matching Projects

Lecture 144 UseReducer – Intro

Lecture 145 UseReducer – Challenge

Lecture 146 UseReducer – Setup

Lecture 147 Reducer Basics

Lecture 148 Actions and Default State

Lecture 149 Reset List

Lecture 150 Remove Person

Lecture 151 Import/Export

Lecture 152 Matching Projects

Lecture 153 Performance – Intro

Lecture 154 Component Re-renders

Lecture 155 React Dev Tools

Lecture 156 Lower State

Lecture 157 Lower State – Challenge

Lecture 158 React.memo()

Lecture 159 Mind Grenade

Lecture 160 UseCallback Hook

Lecture 161 UseCallback Hook – Common Use Case

Lecture 162 UseMemo Hook

Lecture 163 UseTransition Hook

Lecture 164 React Suspense

Section 7: Basic Projects

Lecture 165 Intro

Lecture 166 Starter Project – Install and Overview

Lecture 167 Birthday Reminder – Intro

Lecture 168 Birthday Reminder – Setup

Lecture 169 Birthday Reminder – Complete

Lecture 170 Tours – Intro

Lecture 171 Tours – Fetch Data

Lecture 172 Tours – Display Tours

Lecture 173 Tours – Toggle Info

Lecture 174 Tours – Remove Tour

Lecture 175 Reviews – Intro

Lecture 176 Reviews – Info and React-Icons

Lecture 177 Reviews – Basic Setup

Lecture 178 Reviews – Prev and Next

Lecture 179 Reviews – Random

Lecture 180 Accordion – Intro

Lecture 181 Accordion – Complete

Lecture 182 Menu – Intro

Lecture 183 Menu – Display Items

Lecture 184 Menu – Buttons (manual approach)

Lecture 185 Menu – “all” Button

Lecture 186 Menu – Categories Buttons (dynamic approach)

Lecture 187 Tabs – Intro

Lecture 188 Tabs – Fetch Jobs

Lecture 189 Tabs – Display First Job

Lecture 190 Tabs – Display Buttons

Lecture 191 Slider – Intro

Lecture 192 Slider – Setup

Lecture 193 Slider – CSS Overview

Lecture 194 Slider – Setup Classes

Lecture 195 Slider – Prev and Next Buttons

Lecture 196 Slider – Autoplay

Lecture 197 Slider – Alternative

Lecture 198 Lorem Ipsum – Intro

Lecture 199 Lorem Ipsum – Structure

Lecture 200 Lorem Ipsum – Complete

Lecture 201 Color Generator – Intro

Lecture 202 Color Generator – Structure

Lecture 203 Color Generator – Color Values and Error

Lecture 204 Color Generator – Single Color

Lecture 205 Additional Info!!!

Lecture 206 Color Generator – Copy To Clipboard

Lecture 207 Grocery Bud – Intro

Lecture 208 Grocery Bud – Structure

Lecture 209 Grocery Bud – Add Items

Lecture 210 Grocery Bud – Alert

Lecture 211 Grocery Bud – Clear Items

Lecture 212 Grocery Bud – Remove Item

Lecture 213 Grocery Bud – Edit Item

Lecture 214 Grocery Bud – Local Storage

Lecture 215 Navbar – Intro

Lecture 216 Navbar – Basic Structure

Lecture 217 Navbar – Data

Lecture 218 Navbar – Simple Toggle

Lecture 219 Navbar – Class Toggle

Lecture 220 Additional Info

Lecture 221 Navbar – useRef

Lecture 222 Sidebar/Modal – Intro

Lecture 223 Sidebar/Modal – Structure

Lecture 224 Sidebar/Modal – Context

Lecture 225 Sidebar/Modal – Complete

Lecture 226 Stripe – Intro

Lecture 227 Stripe – Context Boilerplate

Lecture 228 Stripe – Navbar

Lecture 229 Stripe – Hero

Lecture 230 Stripe – Sidebar

Lecture 231 Stripe – Submenu

Lecture 232 Stripe – Location

Lecture 233 Stripe – Links

Lecture 234 Stripe – Hide Submenu

Lecture 235 Cart – Intro

Lecture 236 Cart – Setup Overview

Lecture 237 Cart – useReducer Setup

Lecture 238 Cart – Clear Cart

Lecture 239 Cart – Remove Single Item

Lecture 240 Cart – Increase

Lecture 241 Cart – Decrease

Lecture 242 Cart – Get Totals

Lecture 243 Cart – Fetch Data

Lecture 244 Cart – Toggle Amount

Section 8: React Router 6

Lecture 245 Intro

Lecture 246 Setup

Lecture 247 First Pages

Lecture 248 Page Components

Lecture 249 Link Component

Lecture 250 Error Page

Lecture 251 Navbar

Lecture 252 Nested Routes

Lecture 253 Shared Layout

Lecture 254 Index Pages

Lecture 255 NavLink

Lecture 256 URL Params – Setup

Lecture 257 Single Product Page

Lecture 258 useNavigate()

Lecture 259 Protected Route

Lecture 260 Products Page Refactor

Section 9: Axios HTTP Library

Lecture 261 Intro

Lecture 262 Setup

Lecture 263 GET Request

Lecture 264 Setup Headers

Lecture 265 POST Request

Lecture 266 Global Default

Lecture 267 Custom Instance

Lecture 268 Interceptors

Section 10: Cocktails API Project

Lecture 269 Cocktails – Intro

Lecture 270 Cocktails – Additional Info

Lecture 271 Cocktails – Setup Overview

Lecture 272 React Router 6 Update !!!

Lecture 273 Cocktails – React Router Setup

Lecture 274 Cocktails – Navbar

Lecture 275 Cocktails – About and Error

Lecture 276 Cocktails – Context API Setup

Lecture 277 Cocktails – API Overview

Lecture 278 Cocktails – Fetch Drinks

Lecture 279 Cocktails – Display List

Lecture 280 Cocktails – Search Form

Lecture 281 Cocktails – Single Cocktail Page

Lecture 282 Cocktails – Refactor to React Router 6

Lecture 283 Hosting (Netlify) – Drag and Drop

Lecture 284 Hosting (Netlify) – Continuous Deployment

Section 11: Extra Projects

Lecture 285 New Location Info !!!

Section 12: E-Commerce Project

Lecture 286 Intro

Lecture 287 Info

Lecture 288 Starter Install

Lecture 289 Stater Overview

Lecture 290 Styled Components – Basics

Lecture 291 React Router 6 Update !!!

Lecture 292 React Router – Setup

Lecture 293 Navbar

Lecture 294 Cart Buttons

Lecture 295 Footer

Lecture 296 Sidebar

Lecture 297 Products Context Setup

Lecture 298 Sidebar Toggle

Lecture 299 Error Page

Lecture 300 About, Checkout Page

Lecture 301 Home Page – Hero

Lecture 302 Home Page – Services

Lecture 303 Home Page – Contact

Lecture 304 Formspree

Lecture 305 API Info

Lecture 306 Fetch Products Overview

Lecture 307 Fetch Products Complete

Lecture 308 Featured Products

Lecture 309 Format Price

Lecture 310 Fetch Single Product

Lecture 311 Single Product – Loading, Error

Lecture 312 Single Product – Base Return

Lecture 313 Single Product – Product Images

Lecture 314 Single Product – Stars (manual approach)

Lecture 315 Single Product – Stars (array approach)

Lecture 316 Single Product – Add To Cart – Colors

Lecture 317 Single Product – Add To Cart – Amount Buttons

Lecture 318 Filter Context Setup

Lecture 319 Products Page – Grid View

Lecture 320 Products Page – List View

Lecture 321 Sort Component – Basic Setup

Lecture 322 Sort Component – View Buttons

Lecture 323 Sort Component – Controlled Input

Lecture 324 Sort Functionality

Lecture 325 Filters – Default Values

Lecture 326 Filters – Text

Lecture 327 Filters – Unique Values

Lecture 328 Filters – Categories

Lecture 329 Filters – Companies

Lecture 330 Filters – Colors

Lecture 331 Filters – Price

Lecture 332 Filters – Shipping and Clear Filters

Lecture 333 Filter Functionality – Setup and Text Input

Lecture 334 Filter Functionality – Rest of the Filters

Lecture 335 Cart Context Setup

Lecture 336 AddToCart – Setup

Lecture 337 AddToCart Reducer – New Item

Lecture 338 AddToCart Reducer – Existing Item

Lecture 339 Cart Page Setup

Lecture 340 localStorage

Lecture 341 Cart Content

Lecture 342 Cart Columns

Lecture 343 Cart Totals

Lecture 344 Cart Item

Lecture 345 Cart – Remove Item and Clear Cart

Lecture 346 Cart – Toggle Amount

Lecture 347 Cart – Calculate Totals

Lecture 348 Additional Auth0 Info

Lecture 349 Auth0 – Setup

Lecture 350 Auth0 – Provider

Lecture 351 useContext Setup

Lecture 352 Auth0 – Login/Logout Buttons

Lecture 353 Auth0 – Toggle Values

Lecture 354 Auth0 – Hide Checkout

Lecture 355 Auth0 – Private Route

Lecture 356 Extra Content

Lecture 357 Upgrade To Latest Starter

Lecture 358 AuthWrapper

Lecture 359 Fix Warnings

Lecture 360 Stripe and Netlify Accounts

Lecture 361 Additional NETLIFY-CLI Info

Lecture 362 Install and Setup netlify-cli

Lecture 363 First Netlify Function

Lecture 364 Stripe Checkout – Setup

Lecture 365 Stripe Checkout – Imports

Lecture 366 Stripe Checkout – State Variables

Lecture 367 Stripe Checkout – Basic Return

Lecture 368 Netlify Function – /create-payment-setup

Lecture 369 Stripe Checkout – Get Client Secret

Lecture 370 Stripe Checkout – Complete

Lecture 371 Refactor To React Router 6

Lecture 372 Deploy To Netlify

Section 13: Customize Comfy Sloth and Setup Airtable

Lecture 373 Intro

Lecture 374 Setup

Lecture 375 Default CSS

Lecture 376 Fonts

Lecture 377 Colors

Lecture 378 Logo

Lecture 379 Favicon

Lecture 380 Main Images

Lecture 381 Setup Product Images

Lecture 382 Airtable

Lecture 383 First Product

Lecture 384 All Products – Optional !!!!

Lecture 385 API KEY

Lecture 386 Airtable Gotcha

Lecture 387 Two More Serverless Functions

Lecture 388 Airtable-Node Library

Lecture 389 Fetch Products

Lecture 390 Refactor and Return Products

Lecture 391 Single Product – Structure

Lecture 392 Fetch Single Product

Lecture 393 Showcase Setup

Section 14: Old Redux Tutorial

Lecture 394 Info

Section 15: Redux Toolkit

Lecture 395 Intro

Lecture 396 Github

Lecture 397 Setup

Lecture 398 Install

Lecture 399 Store

Lecture 400 First Slice

Lecture 401 Redux Dev Tools

Lecture 402 useSelector

Lecture 403 Hero Icons

Lecture 404 Cart Items – Local Data

Lecture 405 Cart Container

Lecture 406 Cart Item

Lecture 407 Reducers – Clear Cart

Lecture 408 Reducers – Return State

Lecture 409 Reducers – Remove Item

Lecture 410 Reducers – Increase and Decrease

Lecture 411 Reducers – Calculate Totals

Lecture 412 Model Setup

Lecture 413 Modal Complete

Lecture 414 createAsyncThunk

Lecture 415 createAsyncThunk – More Options

Lecture 416 Builder Callback Notation

Section 16: Jobster Project – Initial Setup

Lecture 417 Intro

Lecture 418 Overview

Lecture 419 Github Repository

Lecture 420 Setup

Lecture 421 Create New Application

Lecture 422 Title and Favicon

Lecture 423 Normalize.css and Default Styles

Section 17: Jobster Project – Landing Page

Lecture 424 Landing Page – Setup

Lecture 425 Landing Page – Structure

Lecture 426 Styled Components – Basics

Lecture 427 Style Landing Page

Section 18: Error Page

Lecture 428 Wrappers Folder

Lecture 429 Logo and Images

Lecture 430 Logo Component

Lecture 431 Setup Pages

Lecture 432 React Router – Setup

Lecture 433 Error Page

Lecture 434 Auto Imports

Section 19: Jobster Project – Register Page

Lecture 435 Register Page – Overview

Lecture 436 Register Page – Setup

Lecture 437 Switch To React 18

Lecture 438 FormRow Component

Lecture 439 Toggle Member

Lecture 440 Handle Change and Empty Values

Lecture 441 React Toastify

Lecture 442 User Slice – Setup

Lecture 443 Register and Login Placeholders

Lecture 444 HTTP Methods

Lecture 445 Jobs API

Lecture 446 Axios CustomFetch Instance

Lecture 447 Testing Register – HTTP(AJAX) Request

Lecture 448 Register User – HTTP(AJAX) Request

Lecture 449 Login User – HTTP(AJAX) Request

Lecture 450 Local Storage

Lecture 451 Programmatically Navigate To Dashboard

Section 20: Dashboard Setup

Lecture 452 Setup Dashboard Pages

Lecture 453 Complete SharedLayout

Section 21: Navbar and Sidebar

Lecture 454 Sidebar CSS Logic

Lecture 455 React Icons

Lecture 456 Navbar Structure

Lecture 457 Toggle Sidebar

Lecture 458 Toggle Logout Dropdown

Lecture 459 Logout Functionality

Lecture 460 Protected Route

Lecture 461 Small Sidebar – Setup

Lecture 462 Small Sidebar – Toggle

Lecture 463 Links Data

Lecture 464 Small Sidebar – Nav Links

Lecture 465 NavLinks Component

Lecture 466 Big Sidebar

Section 22: Profile Page

Lecture 467 Profile Page – Intro

Lecture 468 Profile Page – Setup

Lecture 469 Auth Request Overview

Lecture 470 Update User – Complete

Lecture 471 Authentication Error

Lecture 472 Refactor User Slice

Section 23: Add Job Page – First Stage

Lecture 473 Intro

Lecture 474 Job Slice

Lecture 475 Overview

Lecture 476 Structure

Lecture 477 FormRow Select

Lecture 478 HandleChange Reducer

Lecture 479 ClearValues Reducer

Lecture 480 Create Job Request – Overview

Lecture 481 Create Job Request – Complete

Lecture 482 User Location

Lecture 483 Logout Message

Section 24: All Jobs – First Stage

Lecture 484 Intro

Lecture 485 AllJobs Slice – Setup

Lecture 486 AllJobs Page Structure

Lecture 487 Container Setup

Lecture 488 GetAllJobs Request – Overview

Lecture 489 GetAllJobs Request – Complete

Lecture 490 Job Component Structure

Lecture 491 Job Info Component

Lecture 492 Moment.js

Lecture 493 Toggle Loading

Section 25: Add Job Page – Complete

Lecture 494 Delete Job Request

Lecture 495 Set Edit Job

Lecture 496 Edit Job Request

Section 26: Refactor App

Lecture 497 Job Thunk

Lecture 498 Authorization Header – File Approach

Lecture 499 Authorization Header – Utils Approach

Lecture 500 Authorization Header – Axios Interceptors Approach

Lecture 501 Test User

Section 27: Stats Page

Lecture 502 ShowStats Request

Lecture 503 Stats Page Structure

Lecture 504 Stats Container

Lecture 505 Stat Item

Lecture 506 Charts Container

Lecture 507 Recharts Library Update !!!

Lecture 508 Recharts Library

Lecture 509 Charts Complete

Section 28: All Jobs Page – Complete

Lecture 510 Search Container – Setup

Lecture 511 Search Container – Complete

Lecture 512 Handle Change and Clear Filters

Lecture 513 Pagination – Setup

Section 29: Pagination

Lecture 514 PageBtnContainer – Structure

Lecture 515 Change Page Functionality

Lecture 516 Query Params – Overview

Lecture 517 Query Params – Complete

Lecture 518 Change Page an isLoading

Lecture 519 Refactor AllJobs

Lecture 520 Clear Store

Lecture 521 Unauthorized Error

Lecture 522 Refactor Extra Reducers To Builder Notation

Section 30: Debounce Function

Lecture 523 Debounce – Intro

Lecture 524 Debounce – Vanilla JS

Lecture 525 Refactor to LocalSearch

Lecture 526 Setup Debounce

Lecture 527 Course Complete

Section 31: Extra Projects

Lecture 528 Extra Projects

Section 32: Practical Projects

Lecture 529 Info

Lecture 530 Markdown – Intro

Lecture 531 Markdown – Setup

Lecture 532 Markdown – Complete

Lecture 533 Random User – Intro

Lecture 534 Random User – Setup

Lecture 535 Random User – Fetch User

Lecture 536 Random User – Buttons

Lecture 537 Pagination – Intro

Lecture 538 Pagination – Setup

Lecture 539 Pagination – Fetch List

Lecture 540 Pagination – Paginate

Lecture 541 Pagination – Display Single Page

Lecture 542 Pagination – Buttons

Lecture 543 Pagination – Prev and Next

Lecture 544 Stock Photos – Intro

Lecture 545 Stock Photos – Setup

Lecture 546 Stock Photos – Initial Fetch

Lecture 547 Stock Photos – ENV Variables

Lecture 548 Stock Photos – Display Photos

Lecture 549 Stock Photos – Scroll Event

Lecture 550 Stock Photos – Infinite Scroll

Lecture 551 Stock Photos – Search Query

Lecture 552 Stock Photos – Complete

Lecture 553 Stock Photos – useEffect

Lecture 554 Stock Photos – Bug Fix 1

Lecture 555 Stock Photos – Bug Fix 2

Lecture 556 Dark Mode – Intro

Lecture 557 Dark Mode – Setup

Lecture 558 Dark Mode – Moment.js

Lecture 559 Dark Mode – Toggle Theme

Lecture 560 Dark Mode – Local Storage

Lecture 561 Movies DB – Intro

Lecture 562 Movies DB – Setup

Lecture 563 Movies DB – API Key

Lecture 564 Movies DB – React Router Update

Lecture 565 Movies DB – React Router

Lecture 566 Movies DB – Initial Fetch

Lecture 567 Movies DB – Movies Component

Lecture 568 Movies DB – Search Form

Lecture 569 Movies DB – Single Movie

Lecture 570 Movies DB – Refactor

Lecture 571 Movies DB – React Router Refactor

Lecture 572 Hacker News – Intro

Lecture 573 Hacker News – Setup

Lecture 574 Hacker News – API Overview

Lecture 575 Hacker News – Initial Structure

Lecture 576 Hacker News – Get Stories

Lecture 577 Hacker News – Display Stories

Lecture 578 Hacker News – Remove Story

Lecture 579 Hacker News – Search Form

Lecture 580 Hacker News – Prev and Next Buttons

Lecture 581 Quiz – Intro

Lecture 582 Quiz – Setup

Lecture 583 Quiz – API

Lecture 584 Quiz – Context Setup

Lecture 585 Quiz – Fetch Questions

Lecture 586 Quiz – Display Question

Lecture 587 Quiz – Next Question

Lecture 588 Quiz – Check Answer

Lecture 589 Quiz – Modal

Lecture 590 Quiz – Form Structure

Lecture 591 Quiz – Handle Change

Lecture 592 Quiz – Handle Submit

Lecture 593 Quiz – Random Answer

Section 33: Search Github Users

Lecture 594 Intro

Lecture 595 Starter Project

Lecture 596 Setup Info

Lecture 597 React Router – Update

Lecture 598 React Router – Setup

Lecture 599 React Router – Error Page

Lecture 600 Error Page

Lecture 601 Login Page

Lecture 602 Context

Lecture 603 Mock Data

Lecture 604 Info Component

Lecture 605 Card Component

Lecture 606 Follower Component

Lecture 607 Repos Setup

Lecture 608 Fusion Charts – Intro

Lecture 609 First Chart

Lecture 610 Fusion Chart

Lecture 611 Configuration Options

Lecture 612 Pie Chart

Lecture 613 Calculate Most Used

Lecture 614 Responsive Setup

Lecture 615 Doughnut Chart

Lecture 616 Calculate Most Popular

Lecture 617 Column and Bar Charts

Lecture 618 Stars and Forks Functionality

Lecture 619 Search Component

Lecture 620 Requests

Lecture 621 Error

Lecture 622 Search User

Lecture 623 Loading Spinner

Lecture 624 Repos and Followers

Lecture 625 allSettled

Lecture 626 Auth0 – Intro

Lecture 627 Auth0 – Setup

Lecture 628 Login – Logout

Lecture 629 Private Route

Lecture 630 Wrapper

Lecture 631 Local Storage

Lecture 632 React Router – Refactor

Lecture 633 Deploy Gotchas

Lecture 634 Deploy Project

Section 34: Bonus

Lecture 635 Bonus

Everyone who wants to learn React

Course Information:

Udemy | English | 64h 33m | 33.13 GB
Created by: John Smilga

You Can See More Courses in the IT & Software >> Greetings from CourseDown.com