udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React разработчик 2025 (с Redux, Hooks, GraphQL)
Complete React Developer in 2025 (w/ Redux, Hooks, GraphQL)
★4.8 (всего оценок - 269)
Продолжительность
39 ч 48 мин
Категория
React.jsКоличество уроков
284 Видео
Дата добавления
2 июл. 2019 г., 13:58
Язык
Английский
Дата выхода
1 авг. 2019 г., 00:00
Дата обновления
30 мая 2025 г., 14:20
Станьте старшим разработчиком React! Создайте крупное приложение для электронной коммерции с Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase. Присоединяйтесь к живому онлайн-сообществу из более чем 100 000 разработчиков и изучите курс, который проводят отраслевые эксперты, которые фактически работали в Силиконовой долине и в Торонто с React.js. Это совершенно новый курс, выпущенный в июле 2019 года!
Используя последнюю версию React: 16.8+, этот курс ориентирован на эффективность. Никогда больше не тратьте время на запутанные, устаревшие, неполные учебники. Выпускники курсов Андрея теперь работают в Google, Amazon, Apple, IMB, JP Morgan, Facebook и других ведущих технологических компаниях.
Мы гарантируем вам, что это самый полный онлайн-ресурс по React. Этот проектный курс познакомит вас со всеми современными инструментами разработчика React в 2019 году. По пути мы создадим большое приложение для электронной коммерции, похожее на Shopify, с использованием React, Redux, React Hooks, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe + еще. Это будет приложение с полным стеком (стек MERN), использующее Firebase.
Учебная программа будет очень практической, так как мы с самого начала и до конца рассказываем о выпуске профессионального проекта React в производство. Мы начнем с самого начала, обучая вас основам React, а затем углубленно изучая темы, чтобы вы могли принимать правильные решения по архитектуре и инструментам для любых ваших будущих проектов ReactJS.
Весь код будет предоставляться шаг за шагом, и даже если вы не любите писать вместе, вы получите доступ к полному коду основного проекта, так что любой, кто подписался на курс, будет иметь свой собственный проект для размещения в своем портфолио. сразу.
В этом курсе
- - React основы
- - React Router
- - Redux
- - Redux Saga
- - Asynchronous Redux
- - React Hooks
- - Context API
- - React Suspense + React Lazy
- - Firebase
- - Stripe API
- - Styled-Components
- - GraphQL
- - Apollo
- - PWAs
- - React Performance
- - React Design Patterns
- - Тестирование с Jest, Enzyme и скриншотами
- - React лучшие практики
- - Persistance + Session Storage
- - State Normalization
Подожди, подожди ... Я знаю, о чем ты думаешь. Почему мы не строим более 10 проектов? Ну, вот правда: большинство курсов учат вас делать именно это. Они показывают, как начать работу, создают 10 проектов, которые просто и легко построить за день, и просто добавляют CSS, чтобы они выглядели модно. В реальной жизни вы не создаете глупых приложений. Когда вы подаете заявку на работу, никто не будет заботиться о том, что вы создали действительно красивое приложение To Do. Работодатели хотят видеть, как вы создаете большие приложения, которые можно масштабировать, иметь хорошую архитектуру и которые можно развернуть в производство.
Позвольте мне рассказать вам 3 причины, по которым этот курс отличается от любого другого онлайн-учебника по React:
1. Вы построите самый большой проект, который вы увидите в любом курсе. Этот тип проекта займет у вас месяцы, чтобы реализовать.
2. Этот курс преподают 2 инструктора, которые на самом деле работали в некоторых крупнейших технологических фирмах, использующих React в производстве. Yihua работал над некоторыми из крупнейших сайтов электронной коммерции, о которых вы наверняка слышали и, вероятно, делали покупки. Андрей работал над приложениями React на уровне предприятия для крупных технологических компаний, занимающихся IPO, в Силиконовой долине, а также в Торонто. Благодаря тому, что оба они преподают, вы получаете возможность увидеть разные перспективы и учиться у двух старших разработчиков, как если бы вы работали в компании вместе.
3. Мы изучаем принципы, которые важны помимо того, что вы изучаете как новичок. Используя опыт преподавателя, вы узнаете о шаблонах проектирования, о том, как проектировать свое приложение, систематизировать код, структурировать папки и как думать о производительности. Скажем так, мы не уклоняемся от сложных тем.
Этот курс не предназначен для того, чтобы заставить вас просто писать код без понимания принципов, чтобы, когда вы закончили с курсом, вы не знали, что делать, кроме как посмотреть другое руководство. Нет! Этот курс подтолкнет вас и заставит вас перейти от абсолютного новичка в React к кому-то, кто входит в топ 10% разработчиков React.
Посмотреть больше
- Урок 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/
Обновите курс пожалуйста.
I watched them more than 10 from the most popular.
Администратор пожалуйста, загрузите этот НОВЫЙ И ГОРЯЧИЙ курс от Брэда Трэверси: "Электронная коммерция MERN с нуля"