Многие новые разработчики React находят ReactJS простым в освоении, и это абсолютно верно. Но проблема в том, что когда они создают сложные структуры, код становится неподдерживаемым и в итоге получается спагетти-код. Некоторые разработчики также не знают всех функций, которые предлагает React, и в конечном итоге пишут так, как будто они используют Vanilla JS, вместо того, чтобы делать все по React Way. Плохой способ программирования всегда приводит к ошибкам, а худший - к неисправимым.
Если все разработчики React знают, как следовать React Way, будет очень легко создать приложение ReactJS, соответствующее требованиям завтрашнего дня.
Итак, в этом курсе мы узнаем все, что вам нужно знать, чтобы освоить ReactJS. Все будет создано с нуля, и мы не будем использовать какие-либо библиотеки пользовательского интерфейса, чтобы вы могли создавать свои собственные в будущем. Мы также будем использовать Typescript и будьте уверены, что каждый код будет иметь типы.
Чтобы применить все то, что вы узнаете, мы создадим интернет-магазин с множеством функций и компонентов, созданных с нуля. Мы также будем применять передовые методы, чтобы сделать наш код чистым и создать приложение, ориентированное на будущее.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Spread Operator, Rest Parameter, Destructuring - Hands On
Урок 18.
00:03:03
Class
Урок 19.
00:06:01
Class - Hands On
Урок 20.
00:05:00
This Object + Arrow Function
Урок 21.
00:03:50
This Object + Arrow Function - Hands On
Урок 22.
00:12:17
Promises and Async+Await
Урок 23.
00:13:11
Promises and Async+Await - Hands On
Урок 24.
00:03:56
Export & Import
Урок 25.
00:03:53
Summary
Урок 26.
00:01:26
Introduction
Урок 27.
00:06:23
Setup Environment
Урок 28.
00:09:57
Component & Props
Урок 29.
00:10:56
Component & Props - Hands On
Урок 30.
00:03:21
State
Урок 31.
00:13:26
State - Hands On
Урок 32.
00:03:25
Lifecycle - Mounting & Unmounting
Урок 33.
00:13:45
Lifecycle - Mounting & Unmounting - Hands On
Урок 34.
00:05:02
Lifecycle - Updating
Урок 35.
00:17:39
Lifecycle - Updating - Hands On
Урок 36.
00:06:18
Assignment Solution (Optional)
Урок 37.
00:03:36
Lifecycle - Error Handling
Урок 38.
00:09:54
Lifecycle - Error Handling - Hands On
Урок 39.
00:01:21
Extras - Lifecycle
Урок 40.
00:05:25
Pure Components & React Memo
Урок 41.
00:08:25
Pure Components & React Memo - Hands On
Урок 42.
00:04:36
RenderProps & Higher Order Component
Урок 43.
00:17:01
RenderProps & Higher Order Component - Hands On
Урок 44.
00:03:47
List & Keys
Урок 45.
00:06:47
List & Keys - Hands On
Урок 46.
00:05:31
Refs
Урок 47.
00:12:38
Refs - Hands On
Урок 48.
00:06:33
Context API
Урок 49.
00:14:41
Context API - Hands On
Урок 50.
00:04:29
Form Elements
Урок 51.
00:07:56
Form Elements - Hands On
Урок 52.
00:12:07
Assignment Solution (Optional)
Урок 53.
00:04:35
Code Splitting
Урок 54.
00:04:59
Code Splitting - Hands On
Урок 55.
00:04:20
Children, cloneElement & isValidElement API
Урок 56.
00:06:48
Children, cloneElement & isValidElement API - Hands On
Урок 57.
00:03:31
Assignment Solution (Optional)
Урок 58.
00:04:35
Summary
Урок 59.
00:00:34
Introduction
Урок 60.
00:03:30
Render & Hydrate
Урок 61.
00:01:47
Render API - Hands On
Урок 62.
00:02:43
Unmount Component At Node API
Урок 63.
00:01:12
Find Dom Node API
Урок 64.
00:01:48
Find Dom Node API - Hands On
Урок 65.
00:02:26
Create Portal API
Урок 66.
00:11:17
Create Portal API - Hands On
Урок 67.
00:04:51
Assignment Solution (Optional)
Урок 68.
00:01:04
Summary
Урок 69.
00:01:16
Introduction
Урок 70.
00:11:08
Routing
Урок 71.
00:10:44
Routing - Hands On Part 1
Урок 72.
00:12:04
Routing - Hands On Part 2
Урок 73.
00:03:35
Link and Redirect
Урок 74.
00:08:50
Link and Redirect - Hands On
Урок 75.
00:03:44
withRouter HOC
Урок 76.
00:03:04
History Library
Урок 77.
00:04:36
History - Hands On
Урок 78.
00:06:47
Assignment Solution (Optional)
Урок 79.
00:01:47
Summary
Урок 80.
00:10:29
Introduction
Урок 81.
00:13:48
Create & Access Store - Hands On
Урок 82.
00:06:33
Dispatch Action - Hands On
Урок 83.
00:01:39
Combine Reducers
Урок 84.
00:07:51
Combine Reducers - Hands On
Урок 85.
00:01:49
Middleware
Урок 86.
00:10:10
Middleware - Hands On
Урок 87.
00:07:55
Middleware Typescript - Hands On Part 1
Урок 88.
00:10:08
Middleware Typescript - Hands On Part 2
Урок 89.
00:06:13
Reselect
Урок 90.
00:03:05
Redux Devtools
Урок 91.
00:16:37
Assignment Solution (Optional)
Урок 92.
00:03:08
Summary
Урок 93.
00:04:31
Introduction
Урок 94.
00:06:40
Setup Environment
Урок 95.
00:07:38
Apply Server-side Rendering
Урок 96.
00:06:17
Add Redux in Server
Урок 97.
00:01:24
Summary
Урок 98.
00:03:05
Ecom Shop Overview
Урок 99.
00:07:51
Let's setup our environment
Урок 100.
00:08:22
Create initial pages
Урок 101.
00:07:09
Add Some Navigations!
Урок 102.
00:06:07
Decorate our Home Page! Cover Image & Shop Quality
Урок 103.
00:09:21
More decoration for Home Page! Best Seller & Partners
Урок 104.
00:13:43
Setup our Redux
Урок 105.
00:02:43
Redux Saga Overview
Урок 106.
00:14:16
Use Redux Saga as our Middleware
Урок 107.
00:03:06
Monitor our Redux, Let's add Redux Devtools!
Урок 108.
00:09:24
Show some products in All Products Page
Урок 109.
00:05:52
API Changes. Backend Developers are here!
Урок 110.
00:21:44
Let's Refactor our Code!
Урок 111.
00:17:13
Connect Best Seller to Redux
Урок 112.
00:19:37
Refactor Code & Add Filters Data
Урок 113.
00:08:14
Create reusable Checkbox Component!
Урок 114.
00:08:29
Add Sidebar Component UI
Урок 115.
00:24:07
Use Filters and Update Products List
Урок 116.
00:07:51
Pagination Overview & Button Component
Урок 117.
00:16:07
Create Initial Pagination Component
Урок 118.
00:11:10
Update Redux for Pagination
Урок 119.
00:14:56
Let's finish Pagination Feature!
Урок 120.
00:10:01
Reusable Modal Component
Урок 121.
00:15:10
Initial Product Card Modal Component
Урок 122.
00:16:06
Refactor our Product Card/Modal Components
Урок 123.
00:22:55
Complete our Product Card Modal UI
Урок 124.
00:10:34
Refactor our Product Card Modal UI
Урок 125.
00:22:00
Add Quantity and Select Variants in Product Card Modal
Урок 126.
00:08:40
Add To Cart!
Урок 127.
00:05:15
Cart Items Notification
Урок 128.
00:24:20
Reusable Popover Component
Урок 129.
00:10:20
Enhance Popover for our Cart Use Case
Урок 130.
00:18:23
Complete our Cart Component!
Урок 131.
00:21:03
Show Products in Checkout Page!
Урок 132.
00:05:56
Reusable Input Component
Урок 133.
00:13:53
Customers, please input your details!
Урок 134.
00:21:02
Add Functionalities to Customer Information UI
Урок 135.
00:04:49
Refactor our APIs
Урок 136.
00:13:56
Let's complete customer's purchase!
Урок 137.
00:19:25
Let's add some Themes in our Shop
Урок 138.
00:04:51
Refactor UI to change Theme
Урок 139.
00:08:13
Apply Code Splitting
Урок 140.
00:20:51
Make this a Universal App!
Урок 141.
00:10:46
Complete Server-side Rendering Implementation
Урок 142.
00:06:47
It's now in your hands
Урок 143.
00:04:04
Introduction
Урок 144.
00:08:51
add state to functional component, useState Hook!
Урок 145.
00:08:28
Lifecycle? Let's use useEffect hook
Урок 146.
00:07:43
useLayoutEffect vs useEffect
Урок 147.
00:13:16
Memoization? useCallback and useMemo are here
Урок 148.
00:08:13
Refs? useRef hook is here
Урок 149.
00:06:46
Override ref properties? useImperativeHandle hook
Урок 150.
00:08:20
Want to be creative? Let's create a Custom Hook
Урок 151.
00:02:24
useContext hook to access our Context
Урок 152.
00:14:13
Complex state logic? useReducer Hook is here!
Урок 153.
00:15:24
Using Redux? We have React-Redux Hooks
Урок 154.
00:07:20
Debugging? Use useDebugValue hook!
Урок 155.
00:09:03
Summary
Урок 156.
00:00:28
Introduction
Урок 157.
00:06:22
Convert Pagination Component
Урок 158.
00:04:57
Convert Modal Component
Урок 159.
00:12:53
Convert Popover Component
Урок 160.
00:13:34
Convert All Products Page
Урок 161.
00:12:38
Refactor & Optimization
Урок 162.
00:14:30
Convert Customer Information Component
Урок 163.
00:01:03
It is now in your hands!
Автор - udemy
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Узнайте, как вместе использовать два самых влиятельных инструмента в веб-разработке. Узнайте, как TypeScript может помочь вам при написании сложных приложений React.
Я преподаю TypeScript как младшим, так и опытным разработчикам с 2012 года (с момента его запуска) и собрал несколько приемов, чтобы сделать его легким и плавным. Я делюсь с вами этим опытом.