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

egghead.io

Build Async Vue.js Apps with RxJS

via egghead.io

Overview

Note: RxJS imports have changed since the publication of this course, these changes to RxJS have been reflected in the code examples underneath each lesson. The concepts being taught on RxJS are still applicable.
Vue.js is an amazing framework that can easily update and reflect user input using templates and data-binding. But there are many scenarios where complex asynchronous behaviors (like loading data, handling "pending" states, timeouts, etc) are solved much easier by leveraging the streaming capabilities of RxJS. This course covers how to setup and use the features of "vue-rx" to enable streams within your templates and easily solve complex scenarios.

Syllabus

  • Configure Vue.js to Enable RxJS Streams
  • Create RxJS Streams in the Vue.js Subscriptions Function
  • Access Events from Vue.js Templates as RxJS Streams with domStreams
  • Stream an API using RxJS into a Vue.js Template
  • Map Click Event Streams to Load Data with Vue.js and RxJS
  • Split a Request into Data Stream and an Image Stream with RxJS and Vue.js
  • Handle Image Loading Errors in Vue.js with RxJS and domStreams
  • Switch to a Function which Creates Observables with Vue.js and Rxjs
  • Catch Errors when Data Fails to Load with Vue.js and RxJS
  • Share RxJS Streams to Avoid Multiple Requests in Vue.js
  • Disable Buttons While Data is Loading with RxJS and Vue.js
  • Pause Until Another Stream Completes with exhaustMap in RxJS and Vue.js
  • Pass Template Data Through domStreams in Vue.js and RxJS
  • Watch Vue.js v-models as Observable with $watchAsObservable and RxJS
  • Sync Vue.js Components with Streaming Content using $watchAsObservable and RxJS
  • Map Vue.js Components to Remote Data Streams with RxJS
  • Use Promises with RxJS in Vue.js
  • Cache Remote Data Requests with RxJS and Vue.js
  • Optimize Bundle Size by Piping Operators with RxJS and Vue.js

Taught by

John Lindquist

Reviews

4.6 rating at egghead.io based on 201 ratings

Start your review of Build Async Vue.js Apps with RxJS

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.