Изучите React Hooks, создав ключевые функции реалистичного приложения. После обучения тысячи + людей, мы упаковали все это в один курс!
Начальный уровень
Если все, что вы сделали, - это официальное руководство по React, то вы готовы к этому курсу. Мы начнем с основ и довольно быстро проработаем основы хуков.
Средний / Продвинутый уровень
Если вы опытный разработчик React, нет лучшего способа освоиться с Hooks и его значением для вашего кода и команды, чем этот курс. Вы получите бесценное представление о том, как хуки помогут вам создавать отличные абстракции для вашей команды, которые будут работать в новых и зрелых базах кода.
Мы учим концепцию с использованием реального кода, а затем передаем ее вам, чтобы выполнить упражнение самостоятельно - именно там происходит настоящее обучение. Когда вы закончите, мы укрепим ваше понимание, углубившись в концепции видеоуроков с решениями.
React's Fundamental Composition Model
Все новые Хуки
Effects
Составление и обмен невизуальным поведением
Загрузка данных и кеширование
Управление состоянием всего приложения
Обновления и подписки в реальном времени
Аутентификация клиента
Анализ производительности и оптимизация
Анимация
Посмотреть больше
Урок 1.00:02:18
01-hello-world
Урок 2.00:02:18
02-its-just-javascript
Урок 3.00:02:28
03-create-element-signature
Урок 4.00:01:58
04-back-to-jsx
Урок 5.00:01:30
05-using-components
Урок 6.00:00:48
06-defining-components
Урок 7.00:02:23
07-component-reuse-with-props
Урок 8.00:03:28
08-children-prop
Урок 9.00:02:24
09-data-flow.mp4
Урок 10.00:03:03
10-custom-events
Урок 11.00:04:56
11-code-a-long
Урок 12.00:03:59
12-what-declarative-means
Урок 13.00:02:52
13-use-state-intro
Урок 14.00:04:43
14-multiple-states
Урок 15.00:02:06
15-what-to-do-when-anything-happens
Урок 16.00:04:48
16-how-react-works
Урок 17.00:01:10
17-use-state-exercise
Урок 18.00:03:55
18-use-state-exercise-solution
Урок 19.00:13:29
19-phony-hooks
Урок 20.00:05:16
20-handling-an-event-without-react
Урок 21.00:02:22
21-use-ref
Урок 22.00:04:19
22-thinking-in-events
Урок 23.00:05:36
23-use-effect-intro
Урок 24.00:05:26
24-governing-side-effects
Урок 25.00:08:35
25-use-effect-parameters
Урок 26.00:05:00
26-making-our-own-hook
Урок 27.00:01:57
27-reusable-abstraction
Урок 28.00:01:26
28-composing-with-hooks
Урок 29.00:04:04
29-effects-exercise-intro
Урок 30.00:14:22
30-effects-exercise-overview
Урок 31.00:05:08
31-fetching-data
Урок 32.00:04:36
32-intro-to-cleanup-functions
Урок 33.00:03:15
33-how-to-use-a-cleanup-function
Урок 34.00:03:00
34-async-await-with-use-effect
Урок 35.00:03:36
35-subscription-style-async
Урок 36.00:08:48
36-mimicking-use-effect-with-render-props
Урок 37.00:03:31
37-comparing-hooks-and-render-props
Урок 38.00:06:13
38-composing-hooks-together
Урок 39.00:02:00
39-data-loading-exercise-intro
Урок 40.00:08:23
40-data-loading-exercise-overview
Урок 41.00:10:19
41-customize-component-render-positions
Урок 42.00:11:20
42-too-many-props
Урок 43.00:15:53
43-replacing-props-with-compound-components
Урок 44.00:05:05
44-share-state-with-context
Урок 45.00:01:17
45-adding-functions-to-context
Урок 46.00:04:52
46-adding-index-to-context
Урок 47.00:07:40
47-backwards-compatibility
Урок 48.00:02:25
48-children-module
Урок 49.00:05:10
49-compound-components-exercise-intro
Урок 50.00:10:34
50-compound-components-exercise-overview
Урок 51.00:03:36
51-why-we-need-reducers
Урок 52.00:04:29
52-what-is-a-reducer
Урок 53.00:11:33
53-using-usereducer
Урок 54.00:15:25
54-building-a-global-state
Урок 55.00:01:51
55-app-state-exercise-intro
Урок 56.00:07:41
56-app-state-exercise-overview
Урок 57.00:04:14
57-feed-exercise-intro
Урок 58.00:04:07
58-feed-exercise-part-1-solution
Урок 59.00:01:35
59-feed-exercise-part-2
Урок 60.00:06:53
60-feed-exercise-part-2-solution
Урок 61.00:01:27
61-feed-exercise-part-3
Урок 62.00:03:43
62-feed-exercise-part-3-solution
Урок 63.00:01:14
63-feed-exercise-part-4
Урок 64.00:05:02
64-feed-exercise-part-4-solution
Урок 65.00:07:45
65-feed-exercise-with-usereducer
Урок 66.00:11:02
66-feed-exercise-persistent-state
Урок 67.00:06:03
67-animation-and-interpolation-types
Урок 68.00:19:13
68-implementing-animation-hook
Урок 69.00:02:27
69-adding-sound-effects
Урок 70.00:20:35
70-using-react-spring
Урок 71.00:03:04
71-animating-a-non-react-element
Урок 72.00:04:58
72-lazy-refs
Урок 73.00:13:10
73-use-memo
Урок 74.00:11:39
74-memo
Урок 75.00:05:53
75-props-differentiation
Урок 76.00:08:14
76-use-callback
Урок 77.00:01:24
77-use-effect-vs-use-memo
Урок 78.00:00:23
78-goodbye-world
Автор - reacttraining (Ryan Florence)
reacttraining (Ryan Florence)
Ryan Florence создает курсы в Интернете с 90-х Ему больше всего нравятся великолепные составные API и доступный пользовательский интерфейс. Он был соавтором React Router и одним из основателей React Training с Майклом Джексоном.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Смысл маркетинга хуков состоит в том, что они позволяют добавлять состояние и другие функции React к функциональным компонентам. На самом деле, они гораздо больше, чем это. В этом курсе вы начнете с изучения ментальной модели Хуков. Как только вы это поймете, вы изучите каждый крючок в отдельности, а затем практическую, реальную проблему, над которой нужно работать. Вы научитесь брать существующее приложение React и реорганизовывать его для испол
Изучите передовой React вместе с самой популярной безсерверной средой, создав клон Hacker News. Хотите создавать потрясающие, невероятно быстрые веб-приложения с React? Это курс для вас. В этом курсе вы получите полный план по созданию полнофункциональных, безсерверных приложений, которые используют новейшие и лучшие функции в экосистеме React на платформе Firebase.
В этой серии уроков мы погрузимся в React Hooks. React Hooks это удивительная новая фишка внутри React, которая позволяет использовать состояние и жизненный цикл внутри функционального компонента. Это позволит нам делать намного больше, и мы увидим это в наших уроках. Если вы хотите узнать что такое React Hooks и писать чистый, быстрый и лучший код - добро пожаловать в React Hooks Для Всех.
Узнайте будущее создания приложений React уже сегодня. React Hooks - это революционная функция в React, которая в корне меняет способ создания приложений React.
Освойте новейшие и лучшие функции React в контексте полнофункционального реального приложения. Хотите создать реальное полнофункциональное приложение с React Hooks? Можете не искать другой курс, все тут.
thanks
72-lazy-refs (4:57)
73-use-memo (13:09)
74-memo (11:38)
75-props-differentiation (5:52)
76-use-callback (8:13)
77-use-effect-vs-use-memo (1:23)
78-goodbye-world (0:22)