YoVDO

Build React Components from Streams with RxJS and Recompose

Offered By: egghead.io

Tags

React Courses Web Development Courses RxJS Courses

Course Description

Overview

Note: Active maintenance for Recompose has been discontinued since the announcement for React hooks. Your existing code using Recompose will still work. Recompose is not compatible with RxJS version 6 and beyond. You can read more about the decision here.
Loading data and handling events almost always introduces layers of complexity into React apps. Recompose and RxJS solve your async problems by using Streams to output components. This course walks you through combining the powers of React and RxJS to stream data into JSX with streaming patterns and pure React components.

Syllabus

  • Configure Recompose to Build React Components from RxJS Streams
  • Pass a React Prop to a Stream in RxJS
  • Stream a React Component from an Ajax Request with RxJS
  • Handle React Events as Streams with RxJS and Recompose
  • Merge RxJS Button Event Streams to Build a React Counter Component
  • Stream Props to React Children with RxJS
  • Stream Props to Multiple Children with React's Children.map and RxJS
  • Create Stream Behaviors to Push Props in React Components with mapPropsStream
  • Compose Streams of React Props with Recompose’s compose and RxJS
  • Make Reusable React Props Streams with Lenses
  • Refactor React Render Props to Streaming Props with RxJS and Recompose

Taught by

John Lindquist

Related Courses

Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology via Coursera
Angular 9 Essencial
Udemy
Reactive Angular Course (with RxJs, Angular 18)
Udemy
RxJs In Practice (with FREE E-Book)
Udemy
The Modern Angular Bootcamp
Udemy