React Tutorials - Complete Step-by-Step Learning Guide for Web Developers

React Tutorials - Complete Step-by-Step Learning Guide for Web Developers

Dave Gray via YouTube Direct link

Learn React Router with a Beginners Project | Learn React JS

16 of 73

16 of 73

Learn React Router with a Beginners Project | Learn React JS

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React Tutorials - Complete Step-by-Step Learning Guide for Web Developers

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction to React JS | ReactJS Setup and Resources
  2. 2 React App Component and JSX | Learning ReactJS
  3. 3 React JS Functional Components | Learn ReactJS
  4. 4 CSS Styles in React JS | Learn ReactJS
  5. 5 React Click Events | Learn ReactJS
  6. 6 React useState Hook | Learn ReactJS
  7. 7 React JS Lists and Keys | Learn ReactJS
  8. 8 React JS Props and Prop Drilling | Learn ReactJS
  9. 9 React JS Forms | Controlled Inputs | Learn ReactJS
  10. 10 React JS Code Challenge | React Beginner Project
  11. 11 React useEffect Hook tutorial | Learn ReactJS
  12. 12 JSON Server Rest API | React Dev Server | Learn ReactJS
  13. 13 Fetch Data from API in React JS | Learn ReactJS
  14. 14 React CRUD Operations | Learn React JS
  15. 15 React Beginners Challenge - Fetch API Data | React JS Beginners Project
  16. 16 Learn React Router with a Beginners Project | Learn React JS
  17. 17 React Router Hooks and Links | React JS Beginner Project
  18. 18 React CSS Width and Height Settings | React App Full Screen Size
  19. 19 React Axios API Requests | Axios with React JS Tutorial
  20. 20 React Custom Hooks with Axios Async useEffect | React Tutorials for Beginners
  21. 21 State Management in React | Context API useContext | React Tutorials for Beginners
  22. 22 Redux Made Easy | Learn React Redux | Redux Tutorial for Beginners
  23. 23 How to deploy a React App to Github Pages and Netlify | React JS Tutorials for Beginners
  24. 24 React JS Full Course for Beginners | Complete All-in-One Tutorial | 9 Hours
  25. 25 Avoid this React State Mistake | React Previous State Explained
  26. 26 useCallback STOPS this React MISTAKE | useCallback React Hooks Tutorial
  27. 27 useMemo Explained | React Hooks useMemo Tutorial
  28. 28 BUILD a React Timer with useRef | React Hooks useRef Tutorial
  29. 29 useReducer is BETTER than useState | React Hook useReducer Tutorial
  30. 30 React Router v6 in 20 Minutes | RRv6 Upgrade & Refactor Tutorial
  31. 31 useLayoutEffect vs useEffect | React Hooks Tutorial
  32. 32 useImperativeHandle Explained with an Example | React Hooks Tutorial
  33. 33 React JS Form Validation | Axios User Registration Form Submit | Beginners to Intermediate
  34. 34 React User Login and Authentication with Axios
  35. 35 React Protected Routes | Role-Based Authorization | React Router v6
  36. 36 The Built-in React Hook 🤯 NO ONE talks about!
  37. 37 React Login Authentication with JWT Access, Refresh Tokens, Cookies and Axios
  38. 38 React Persistent User Login Authentication with JWT Tokens
  39. 39 React Login Input Hooks for User Form Data
  40. 40 Use Axios with React Hooks for Async-Await Requests
  41. 41 React.js User Login and Registration with Auth0
  42. 42 React 18 New Features, Changes & v18 Upgrade Guide
  43. 43 React Query Tutorial for Beginners vs Redux, Axios with CRUD Example
  44. 44 React v18 Hooks - useTransition vs useDeferredValue Examples & Comparison
  45. 45 What is React.memo - It's not useMemo
  46. 46 How to stop useEffect from running twice on mount or first render in React
  47. 47 Pagination in React Tutorial with React Query, Hooks Examples
  48. 48 Infinite Scroll in React | Full Tutorial
  49. 49 Search Filter in React JS with Search Bar in React Example
  50. 50 How to Use a Single Function to Manage React Form State
  51. 51 How to Build a Multi-Page Form with React Hooks | Multi-Step Tutorial
  52. 52 React Progress Bar for a Multi-Step Form
  53. 53 Have You Seen this useMemo Use Case? Memoize & Optimize in React
  54. 54 STOP Wasting Time! Your Next App Needs Vite! | JS, Typescript, React
  55. 55 React Typescript Tutorial for Beginners
  56. 56 Learn React Hooks with Typescript
  57. 57 Learn useReducer with Typescript + React Hooks
  58. 58 Context API React + Typescript | useContext & useReducer Examples
  59. 59 React Typescript Project Tutorial | Shopping Cart - Part 1
  60. 60 React Typescript Project Tutorial | Shopping Cart - Part 2
  61. 61 Drag and Drop in React with React Query and react-beautiful-dnd
  62. 62 This Could Be the BEST Way to fetch data from an API in React! | SWR Preload & Optimistic UI
  63. 63 Skeleton Loading Components with Animation | React & CSS Examples
  64. 64 Write Clean Code with React Suspense | React Error Boundaries Explained
  65. 65 React Lazy Load Code to Load Faster | React Code Splitting Tutorial
  66. 66 React Debounce Search Input API Call | useDebounce React Hook
  67. 67 😡 React Destroys Your CSS Layout | Full Screen React Components
  68. 68 Typescript & Zod tutorial with React-Hook-Form
  69. 69 🚨 Avoid useState for Modals & Dialogs
  70. 70 🤯 NEVER Guess React Event Types Again!
  71. 71 Why You Should Use TypeScript Generics with react-hook-form
  72. 72 Drag and Drop in React - the missing example
  73. 73 Optimize Your Code!  🔥 How I Optimized Drag n Drop Form Inputs

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.