udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React разработчик 2025 (с Redux, Hooks, GraphQL)
Complete React Developer in 2025 (w/ Redux, Hooks, GraphQL)
★4.8 (всего оценок - 270)
Продолжительность
39 ч 48 мин
Категория
React.jsКоличество уроков
284 Видео
Дата добавления
2 июл. 2019 г., 13:58
Язык
Английский
Дата выхода
1 авг. 2019 г., 00:00
Дата обновления
29 апр. 2026 г., 03:46
Хотите стать React‑разработчиком уровня Senior? Этот курс научит вас создавать масштабируемые, производственные приложения с использованием React, Redux, Hooks, GraphQL, Firebase, Stripe и других современных технологий. Материал преподают инженеры с опытом работы в компаниях Кремниевой долины — вы получите знания, которые действительно используют в реальных проектах.
Почему этот курс по React выделяется среди других
Большинство курсов ограничиваются небольшими демо‑проектами, но этот обучающий путь создан для тех, кто хочет выйти на уровень профессиональной разработки. Вы создадите полноценное e‑commerce приложение уровня Shopify, разберёте архитектуру и освоите инструменты, которые используют ведущие компании мира.
Практическое обучение на реальном проекте
Вы не просто научитесь отдельным функциям — вы увидите, как строится весь процесс разработки от структуры папок до продакшн‑деплоя. Каждое решение, каждый компонент разбирается на примерах, которые можно применить в реальной работе.
Актуальная версия React и современные подходы
Курс основан на React 16.8+ и охватывает ключевые концепции современного фронтенда: Hooks, Context API, Suspense, оптимизации, асинхронные процессы и управление состоянием.
Чему вы научитесь
- React основы и Hooks — понимание архитектуры, создание функциональных компонентов
- React Router — маршрутизация приложения
- Redux и Redux Saga — управление состоянием и обработка сайд‑эффектов
- GraphQL и Apollo — работа с современными API
- Firebase — аутентификация, база данных, хостинг
- Stripe API — интеграция платежей
- Styled‑Components — модульная стилизация
- PWAs — создание прогрессивных приложений
- Оптимизация и дизайн‑паттерны
- Тестирование (Jest, Enzyme)
- Работа с Session Storage, normalizing state
Чем этот курс отличается от типичных обучающих программ
1. Вы создадите крупнейший React‑проект среди онлайн‑курсов
Это не набор мини‑проектов. Вы построите профессиональное e‑commerce приложение со сложной логикой, интеграциями и масштабируемой архитектурой.
2. Обучение ведут практикующие инженеры уровня Senior
Инструкторы работали над крупными продуктами в США и Канаде. Вы получите доступ к знаниям, которые обычно передаются внутри компаний.
3. Фокус на принципах, а не на слепом копировании кода
Вы освоите архитектурные подходы, принципы проектирования, оптимизации и структуру масштабируемых приложений — то, чего не хватает большинству начинающих разработчиков.
Что вы получите в итоге
- Портфолио‑проект уровня middle/senior
- Понимание архитектуры React‑приложений
- Навыки, необходимые для трудоустройства в крупные компании
- Практический опыт работы с профессиональным стеком
- Уверенность в разработке больших, сложных проектов
Для кого этот курс
Если вы хотите перейти от новичка в React к разработчику топ‑уровня, перестать смотреть бесконечные фрагментарные уроки и наконец понять, как создаются реальные производственные приложения, — этот курс создан для вас.
Гарантия результата
Тысячи студентов курса уже работают в Google, Amazon, JP Morgan, Facebook и других ведущих компаниях. Все материалы идут с готовым кодом, репозиториями и детальными объяснениями — вы гарантированно создадите полноценный проект и улучшите своё портфолио.
- Урок 1.00:03:49Complete React Developer: Zero to Mastery
- Урок 2.00:04:58Course Outline
- Урок 3.00:02:07React Concepts
- Урок 4.00:09:25The Birth of React.js
- Урок 5.00:06:19Declarative vs Imperative
- Урок 6.00:05:24Component Architecture
- Урок 7.00:06:11One Way Data Flow
- Урок 8.00:04:53UI Library
- Урок 9.00:04:19How To Be A Great React Developer
- Урок 10.00:04:06Section Overview
- Урок 11.00:08:09Environment Setup For Mac
- Урок 12.00:09:54Environment Setup For Windows
- Урок 13.00:11:13Getting Started with Toolkits
- Урок 14.00:01:55Introducing Monsters Rolodex
- Урок 15.00:05:45Getting Started with Vite
- Урок 16.00:12:51Vite Packages
- Урок 17.00:10:30Vite Scripts
- Урок 18.00:07:00Update React to 19
- Урок 19.00:04:02Installing and Using Yarn
- Урок 20.00:08:12Understanding React main.jsx
- Урок 21.00:08:21Intro to JSX
- Урок 22.00:08:46Components and useState - Part 1
- Урок 23.00:08:39useState Setter Function - Part 2
- Урок 24.00:10:58Basics of Props
- Урок 25.00:08:57Iterating Components Through an Array
- Урок 26.00:09:20Rendering
- Урок 27.00:11:45useState and Re-rendering
- Урок 28.00:10:14Side Effects and useEffect
- Урок 29.00:08:09Fetching User Data
- Урок 30.00:03:33Getting Images with RoboHash
- Урок 31.00:13:10Folder Structure and Components
- Урок 32.00:06:54Filtering by Search Input
- Урок 33.00:10:23Finishing Styles
- Урок 34.00:09:38Scaffolding a project with Create React App
- Урок 35.00:01:58Don't Eject
- Урок 36.00:10:12DOM & Virtual DOM
- Урок 37.00:11:08React & ReactDOM
- Урок 38.00:06:26React & ReactDOM part 2
- Урок 39.00:02:29ReactDOM v18 Changes
- Урок 40.00:06:10DOM Paint Flashing
- Урок 41.00:02:53The Long Road Ahead
- Урок 42.00:01:48Project Overview
- Урок 43.00:07:23Github Strategy
- Урок 44.00:07:16Scaffolding Our Capstone Project
- Урок 45.00:06:02Setting Up Our Categories
- Урок 46.00:06:57Adding Sass
- Урок 47.00:07:00Category Item Component
- Урок 48.00:07:17Directory Component
- Урок 49.00:09:22Adding Fonts
- Урок 50.00:06:19Routing
- Урок 51.00:08:23Updating/Upgrading Libraries
- Урок 52.00:08:23Setting Up Our Homepage
- Урок 53.00:11:17React Router Outlet
- Урок 54.00:11:17Navigation Bar Component
- Урок 55.00:07:02React Router Link
- Урок 56.00:05:05Styling for Navigation + Logo
- Урок 57.00:07:45Setting Up Firebase
- Урок 58.00:07:00Authentication Flow
- Урок 59.00:08:22Authenticating With Firebase
- Урок 60.00:13:02Introducing Firestore Data Models
- Урок 61.00:14:35Setting Up User Documents
- Урок 62.00:06:50Finish Creating User Documents
- Урок 63.00:14:05Sign In With Redirect
- Урок 64.00:06:50Sign Up Form Pt.1
- Урок 65.00:11:40Sign Up Form Pt.2
- Урок 66.00:15:11Sign Up With Email + Password
- Урок 67.00:10:21Generalizing Form Input Component
- Урок 68.00:12:34Custom Button Component
- Урок 69.00:11:00Sign In Form
- Урок 70.00:10:48Finishing Authentication Page
- Урок 71.00:08:06Need For Context
- Урок 72.00:08:27User Context
- Урок 73.00:12:20Re-rendering From Context
- Урок 74.00:06:16Signing Out
- Урок 75.00:08:45Exercise: Imposter Syndrome
- Урок 76.00:02:56Observer: onAuthStateChange
- Урок 77.00:11:01Finalizing Auth Listener
- Урок 78.00:08:22Observer Pattern
- Урок 79.00:10:27New Shop Page
- Урок 80.00:06:02Products Context
- Урок 81.00:06:47Product Card Component
- Урок 82.00:08:17Cart Icon & Dropdown
- Урок 83.00:09:29Toggle Cart Open
- Урок 84.00:07:57Add To Cart Pt.1
- Урок 85.00:08:47Add To Cart Pt.2
- Урок 86.00:10:41Cart Item Designs
- Урок 87.00:08:09Creating Checkout Page
- Урок 88.00:08:19Decrement Checkout Item Quantity
- Урок 89.00:07:25Checkout Item Pt.2
- Урок 90.00:09:02Checkout Item Pt.3
- Урок 91.00:08:44Cart Total
- Урок 92.00:03:53Firestore DB No-SQL
- Урок 93.00:07:02addCollectionAndDocuments Pt.1
- Урок 94.00:09:29addCollectionAndDocuments Pt.2
- Урок 95.00:07:05Get Products + Categories From Firestore
- Урок 96.00:09:25Using Our CategoriesMap
- Урок 97.00:09:10Category Preview Component
- Урок 98.00:07:40Nested Routes in Shop
- Урок 99.00:06:25Category Page
- Урок 100.00:08:52Fixing Clashing Styles
- Урок 101.00:09:10Introducing Styled-Components
- Урок 102.00:11:35Styled-Components - Button
- Урок 103.00:09:10Styled-Component - Cart Dropdown
- Урок 104.00:09:37Styled-Component - Directory Item & Cart Icon
- Урок 105.00:10:53Styled-Component - Form Input Component
- Урок 106.00:08:55Last Touches
- Урок 107.00:03:57Deploying On Netlify
- Урок 108.00:08:58Adding Redirects For Netlify
- Урок 109.00:09:35Reducers explained
- Урок 110.00:11:26User Reducer
- Урок 111.00:17:15Cart Reducer Pt. 1
- Урок 112.00:09:58Cart Reducer Pt. 2
- Урок 113.00:07:22Cart Reducer Pt. 3
- Урок 114.00:09:16Redux Toolkit Aside
- Урок 115.00:04:14Redux vs Context: Access
- Урок 116.00:08:50Redux vs Context: Data Flow
- Урок 117.00:04:53React-Redux: Installation
- Урок 118.00:07:14React-Redux: Setting Up Our Store
- Урок 119.00:10:34React-Redux: Creating User Reducer
- Урок 120.00:06:08Redux Part: Selectors
- Урок 121.00:07:46Categories Reducer
- Урок 122.00:08:02Categories Selectors
- Урок 123.00:08:42Business Logic in Our Selectors
- Урок 124.00:08:05What Triggers useSelector
- Урок 125.00:13:22Demystifying Middleware
- Урок 126.00:05:23Redux Triggers Extra Re-renders
- Урок 127.00:13:42Reselect Library
- Урок 128.00:08:43Migrating Cart Context to Redux Pt. 1
- Урок 129.00:05:54Migrating Cart Context to Redux Pt. 2
- Урок 130.00:08:38Migrating Cart Context to Redux Pt. 3
- Урок 131.00:06:39Migrate Cart Context to Redux Pt. 4
- Урок 132.00:07:06Redux-Persist
- Урок 133.00:09:32Redux-Devtools
- Урок 134.00:08:11Asynchronous Redux: Redux-Thunk
- Урок 135.00:07:47Redux-Thunk Pt. 2
- Урок 136.00:08:33Redux-Thunk Pt. 3
- Урок 137.00:08:00Asynchronous Redux: Redux-Saga
- Урок 138.00:08:39Generator Functions
- Урок 139.00:10:35Redux-Saga: fetchCategoriesAsync Thunk to Saga
- Урок 140.00:07:14Redux-Saga: Converting onAuthStateChanged Listener to Promise
- Урок 141.00:11:05Redux-Saga: Check User Session Saga Pt. 1
- Урок 142.00:07:55Redux-Saga: Check User Session Saga Pt. 2
- Урок 143.00:09:05Redux-Saga: Sign in Sagas
- Урок 144.00:10:26Redux-Saga: Sign up Sagas
- Урок 145.00:08:31Redux-Saga: Sign out Sagas
- Урок 146.00:08:34Redux Toolkit Intro
- Урок 147.00:11:41Using createSlice
- Урок 148.00:07:24Using Redux Toolkit Action Creators
- Урок 149.00:10:35Non Serializable Value Middleware
- Урок 150.00:04:04Immutable Middleware
- Урок 151.00:04:38Categories to createSlice
- Урок 152.00:09:32Cart to createSlice
- Урок 153.00:08:55The Need for Serverless Functions
- Урок 154.00:06:58Serverless Functions Explained
- Урок 155.00:08:40Setting up Stripe
- Урок 156.00:08:20Setting up Our PaymentForm
- Урок 157.00:09:32Writing Our First Serverless Function
- Урок 158.00:12:35Finishing Stripe Payment
- Урок 159.00:12:57Tidying Up Our UI
- Урок 160.00:01:24Adding Auth With Netlify URL
- Урок 161.00:05:20Adding Environment Variables To Netlify
- Урок 162.00:07:52Typescript Introduction
- Урок 163.00:08:15Starting our Typing
- Урок 164.00:09:52Typescript Interfaces
- Урок 165.00:11:50Typescript Types & Third Party Library Types
- Урок 166.00:03:30ChangeEvent Type From React
- Урок 167.00:11:21Understanding Generics
- Урок 168.00:09:20Typing React's SetState
- Урок 169.00:07:55Crwn-Clothing Typescript Overview
- Урок 170.00:13:04Typing createAction
- Урок 171.00:08:36Typing User Action Creators
- Урок 172.00:08:47Typing User Selectors
- Урок 173.00:07:46The Problem With Discriminating Unions
- Урок 174.00:05:54Type Predicate Functions
- Урок 175.00:08:36Intersections + Return Types
- Урок 176.00:07:21withMatcher Type
- Урок 177.00:09:16Improving Our Reducer Typing
- Урок 178.00:09:21Typing Redux Cart Files Pt. 1
- Урок 179.00:07:27Typing Redux Cart Files Pt. 2
- Урок 180.00:13:21Typing Out Firebase Utils
- Урок 181.00:08:48Typing User Actions
- Урок 182.00:06:35Typing User Reducer + Selectors
- Урок 183.00:09:40Typing Our Rootstate
- Урок 184.00:02:24Typing Third Party Libraries
- Урок 185.00:01:45Typing Our Custom Middleware
- Урок 186.00:08:09Typing Categories Saga
- Урок 187.00:08:54Typing User Sagas Pt. 1
- Урок 188.00:05:29Typing User Sagas Pt. 2
- Урок 189.00:07:59Typing Button Component
- Урок 190.00:09:31Typing Input & Form Components
- Урок 191.00:07:17Typing SVG Imports
- Урок 192.00:08:20Typing Our Payment Form
- Урок 193.00:05:34GraphQL Explained
- Урок 194.00:07:40GraphQL Playground
- Урок 195.00:10:10Graphql Queries
- Урок 196.00:08:37Categories Query
- Урок 197.00:06:30Updating Components To Consume GraphQL Values
- Урок 198.00:11:52Variables In useQuery & Caching
- Урок 199.00:05:47Mutations
- Урок 200.00:05:18Apollo vs Redux
- Урок 201.00:03:23Do Not Optimize For Performance Until You Need It
- Урок 202.00:06:17useCallback Pt.1
- Урок 203.00:04:01useCallback Pt. 2
- Урок 204.00:06:45useMemo
- Урок 205.00:07:51React Devtools Profiling & Memo
- Урок 206.00:10:41Code Splitting, Dynamic Imports, Suspense & Lazy
- Урок 207.00:05:23React Compiler
- Урок 208.00:06:37Firebase Rule Security
- Урок 209.00:02:06Don't Over Complicate
- Урок 210.00:02:57Be a Late Follower
- Урок 211.00:01:39Break Things Down
- Урок 212.00:01:54It Will Never Be Perfect
- Урок 213.00:12:55Progressive Web Apps
- Урок 214.00:06:16Progressive Web Apps Examples
- Урок 215.00:06:12PWA - HTTPS
- Урок 216.00:06:13PWA - App Manifest
- Урок 217.00:13:16PWA - Service Workers
- Урок 218.00:02:04PWA - Final Thoughts
- Урок 219.00:10:42PWA - Our Application
- Урок 220.00:08:37Global Styles and Media Queries
- Урок 221.00:10:05Remaining Mobile Styles
- Урок 222.00:06:22Section Overview
- Урок 223.00:02:59Types of Tests
- Урок 224.00:15:29Testing Libraries
- Урок 225.00:02:43Unit Tests
- Урок 226.00:02:47Integration Tests
- Урок 227.00:04:28Automation Testing
- Урок 228.00:02:57Final Note On Testing
- Урок 229.00:11:30Setting Up Jest
- Урок 230.00:11:11Our First Tests
- Урок 231.00:05:32Writing Tests
- Урок 232.00:10:19Asynchronous Tests
- Урок 233.00:11:42Asynchronous Tests 2
- Урок 234.00:12:51Mocks and Spies
- Урок 235.00:14:30Introduction To Enzyme
- Урок 236.00:09:30Snapshot Testing
- Урок 237.00:04:55Snapshot Testing + Code Coverage
- Урок 238.00:11:17Testing Stateful Components
- Урок 239.00:02:36Quick Recap
- Урок 240.00:23:51Testing Connected Components
- Урок 241.00:03:36Testing Connected Components 2
- Урок 242.00:14:58Testing Reducers
- Урок 243.00:18:28Testing Actions
- Урок 244.00:04:12Section Review
- Урок 245.00:04:05Aside - React Testing Library
- Урок 246.00:08:57Basics of RTL - Render and Screen
- Урок 247.00:09:33Button Tests - Part 1
- Урок 248.00:05:22Button Tests - Part 2
- Урок 249.00:14:22Render with Providers and Cart Icon Tests
- Урок 250.00:10:49Navigation Tests - Part 1
- Урок 251.00:05:57Navigation Tests - Part 2
- Урок 252.00:07:18Product Card and Testing Redux Actions
- Урок 253.00:08:42Navigation Tests - Part 3
- Урок 254.00:11:48Category Tests and React-Router-Dom Mocks
- Урок 255.00:07:58Category Reducer Test
- Урок 256.00:06:10Category Selector Test
- Урок 257.00:09:22Category Sagas - Part 1
- Урок 258.00:13:58Category Sagas - Part 2
- Урок 259.00:12:11Introduction to Webpack + Babel
- Урок 260.00:10:41Webpack Config
- Урок 261.00:07:56Introduction to Gatsby.js
- Урок 262.00:09:04Starting a Gatsby Project
- Урок 263.00:09:30Gatsby Pages
- Урок 264.00:08:40Gatsby GraphQL + Markdown
- Урок 265.00:10:54Building Our Blog 1
- Урок 266.00:09:13Building Our Blog 2
- Урок 267.00:06:55Building Our Blog 3
- Урок 268.00:07:27Building Our Blog 4
- Урок 269.00:09:33Building Our Blog 5
- Урок 270.00:05:49map()
- Урок 271.00:14:58Promises
- Урок 272.00:02:56filter()
- Урок 273.00:12:51includes()
- Урок 274.00:17:41CWD: Git + Github
- Урок 275.00:16:53CWD: Git + Github 2
- Урок 276.00:09:36Async Await
- Урок 277.00:03:07find()
- Урок 278.00:06:52reduce()
- Урок 279.00:07:48Memoization
- Урок 280.00:04:25Currying
- Урок 281.00:08:45ES6 Classes
- Урок 282.00:14:42Inheritance
- Урок 283.00:01:18Thank You!
- Урок 284.00:38:31AMA - 100,000 Students!!
Читать онлайн
- Книга 1.
Авторы - udemy, zerotomastery.io
zerotomastery.io
Независимо от того, начинаете ли вы путь в программировании или стремитесь повысить свой уровень, академия Zero To Mastery помогает освоить ключевые технологические навыки. На платформе вы можете изучить React, JavaScript, Python, CSS и многие другие инструменты, необходимые для карьерного роста, успешного трудоустройства и достижения результатов в ведущих компаниях.
Комментарии
Thanks :)
Thanks
Please update
Update from official site:
One of our most popular courses, now updated and re-recorded with all new React features for 2022 (React v18)! Using the latest version of React, this course is focused on efficiency. Never spend time on confusing, out of date, incomplete tutorials anymore.
https://zerotomastery.io/courses/learn-react/