technifyed
Weekly list
Opportunities
Learn
Prepare
Get the weekly list

Popular: InternshipsScholarshipsFree coursesInterview prep

Dave Gray via YouTube Video playlist

React Tutorials

Compare with others

Overview

Learning React is one of the best ways to expand your career as a web developer. This tutorial series introduces React and helps you learn step-by-step.

Videos in this playlist 73

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

Advantages and disadvantages

Advantages

  • Free and complete: every lecture is in the playlist, in order.
  • Watch at 1.5x, skip what you know, rewatch what you don't.
  • 1,238,006 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (73 videos) you can see before you start.
  • Hands-on: you build or practise, not just watch.
  • Start watching right away, no sign-up.

Disadvantages

  • No certificate, deadlines or graded work.
  • Quality and depth vary: check that the playlist is finished before you start.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Similar courses

Compare these

Massachusetts Institute of Technology · YouTube

MIT 15.S12 Blockchain and Money, Fall 2018

Instructor: Prof. Gary Gensler View the complete course: https://ocw.mit.edu/15-S12F18 This course is for students wishing to explore blockchain technology’s potential use - by entrepreneurs & incumbents - to change the world of money and finance. License: Creative Commons BY-NC-SA More information…

Free video23 videos, 29 hours

Massachusetts Institute of Technology · YouTube

MIT 6.006 Introduction to Algorithms, Fall 2011

This course provides an introduction to mathematical modeling of computational problems. It covers the common algorithms, algorithmic paradigms, and data structures used to solve these problems. The course emphasizes the relationship between algorithms and programming, and introduces basic performa…

Free video47 videos, 42 hours

Harvard University · YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Harvard University · YouTube

CS50x 2023 Lectures

This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming, for concentrators and non-concentrators alike, with or without prior programming experience. (Two thirds of CS50 students have never taken CS before.) This course teaches…

Free video12 videos, 26 hours

Massachusetts Institute of Technology · YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Stanford University · YouTube

Stanford Online Courses and Programs

Get more information about the courses and programs we offer. In this playlist you can learn more about course content, pricing, credentials and more!

Free video154 videos, 139 hours

Enter your email and the official page opens. Phone is optional.

We save your email, and your phone number if you add it, to send you this link and, if you tick the box, the weekly list. Under 18? Ask a parent or guardian first. How your details are used.

Open official page