RxJS

RxJS

Synchronize data with local storage using RxJS and Angular

by

Loading

Reading Time: 8 minutes Introduction This is day 15 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to add, delete and check items in a list, and synchronize data with local storage. In this blog post, I describe how to use Subject and RxJS operators to listen to form submit and JavaScript … Read more

Slide in images on scroll using RxJS and Angular

by

Loading

Reading Time: 5 minutes Introduction This is day 13 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to slide in 5 images when scrolling up and down the browser images. In this blog post, I describe how to use RxJS operators (fromEvent, debounce time, map, startWith) to listen to scroll event and … Read more

Detect key sequence using RxJS and Angular

by

Loading

Reading Time: 5 minutes Introduction This is day 12 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to detect key sequence. When user inputs the correct secret code, the application calls an external JavaScript library to render unicorns. In this blog post, I describe how to use RxJS operators (scan, map, filter) … Read more

Use RxJS and Angular to build a custom video player

by

Loading

Reading Time: 8 minutes Introduction This is day 11 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to build a custom video player. The player has the following functionalities: In this blog post, I describe how to create a video player component that encapsulates a native video element and child video controls … Read more