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

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru