YoVDO

Build Async Vue.js Apps with RxJS

Offered By: egghead.io

Tags

Vue JS Courses RxJS Courses Asynchronous Programming Courses Reactive Programming Courses Streaming Data Courses

Course Description

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

Related Courses

React JS, Angular & Vue JS - Quickstart & Comparison
Udemy
Create Amazing Vue Apps with Javascript
Udemy
Learn Vue 1 JS introduction to simple reactive JavaScript
Udemy
VueJS V1 Introduction to VueJS JavaScript Framework
Udemy
Build Web Apps with Vue JS 3 & Firebase
Udemy