Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build React Components from Streams with RxJS and Recompose

via egghead.io

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

Reviews

4.6 rating at egghead.io based on 101 ratings

Start your review of Build React Components from Streams with RxJS and Recompose

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.