egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создавайте компоненты React из Streams с RxJS и Recompose
Build React Components from Streams with RxJS and Recompose
★5 (всего оценок - 4)
Продолжительность
0 ч 24 мин
Категория
React.jsКоличество уроков
11 Видео
Дата добавления
18 мар. 2020 г., 14:45
Язык
Английский
Дата выхода
1 янв. 2020 г., 01:00
Дата обновления
29 апр. 2026 г., 07:02
Что вы узнаете на курсе
Курс подробно показывает, как использовать Streams для управления состоянием, обработкой событий и асинхронной логикой в React‑приложениях. Несмотря на то, что активное развитие Recompose прекращено, материал остается ценным для понимания потокового подхода.
Основные темы обучения
- Использование RxJS для создания потоков данных
- Интеграция Streams с React‑компонентами
- Паттерны построения чистых компонент
- Организация асинхронной логики без усложнения архитектуры
- Работа с шаблонами потоков (stream patterns) для JSX
Важные примечания по Recompose и RxJS
Recompose официально не поддерживается с момента появления React Hooks, однако его концепции остаются полезными для изучения архитектурных паттернов. Также Recompose несовместим с RxJS версии 6 и выше, что важно учитывать при применении в реальных проектах.
Почему курс все еще актуален
Несмотря на прекращение разработки Recompose, многие идеи курса помогают:
- лучше понять реактивный подход к обработке данных;
- освоить логику потоков, применимую и в современных инструментах;
- оптимизировать работу React‑компонентов за счет вынесения асинхронности за их пределы.
Практическая ценность курса
Разработка сложных интерфейсов React часто сопровождается проблемами при работе с загрузкой данных, подписками и управлением состоянием. Курс демонстрирует, как Streams помогают сделать эту логику более прозрачной и предсказуемой.
Что вы сможете делать после обучения
- строить компонентную архитектуру на основе Reactive Programming;
- создавать гибкие и переиспользуемые компоненты;
- отделять побочные эффекты от UI‑логики;
- применять потоковые паттерны при работе с событиями и сетевыми запросами.
Кому подойдет этот курс
- разработчикам, изучающим реактивный подход в JavaScript;
- тем, кто хочет глубже понять интеграцию React с асинхронными источниками данных;
- инженерам, работающим с RxJS или планирующим его освоить;
- тем, кто поддерживает проекты, использующие Recompose.
Заключение
Этот курс — отличный способ разобраться в связке React + RxJS и понять, как Streams могут упростить управление асинхронностью. Даже с учетом устаревания Recompose, вы получите ценные знания о построении чистых, предсказуемых и гибких React‑компонентов.
- Урок 1.00:01:33Configure Recompose to Build React Components from RxJS Streams
- Урок 2.00:02:47Pass a React Prop to a Stream in RxJS
- Урок 3.00:02:28Stream a React Component from an Ajax Request with RxJS
- Урок 4.00:02:26Handle React Events as Streams with RxJS and Recompose
- Урок 5.00:01:41Merge RxJS Button Event Streams to Build a React Counter Component
- Урок 6.00:00:54Stream Props to React Children with RxJS
- Урок 7.00:01:07Stream Props to Multiple Children with React's Children.map and RxJS
- Урок 8.00:01:12Create Stream Behaviors to Push Props in React Components with mapPropsStream
- Урок 9.00:04:26Compose Streams of React Props with Recompose’s compose and RxJS
- Урок 10.00:02:48Make Reusable React Props Streams with Lenses
- Урок 11.00:03:23Refactor React Render Props to Streaming Props with RxJS and Recompose
Автор - egghead
Комментарии