RXJS - Covering The Essential Topics With Practical Examples

Learn the ajax operator, which makes a request to a url and returns an observable you can pipe to map and filter, then subscribe to json data.

Learn the from operator in RxJS, which converts an array into an observable. Subscribe to the resulting observable to log each value from the array.

Learn to use the fromEvent operator to convert DOM events into an observable, buffer click events with a 1000 ms interval, and observe the count of clicks per second.

Learn how the iif operator in RxJS selects between two observables based on a condition, subscribing to the first when true and the second when false.

Count operator counts how many values an observable emits using the pipe. See examples that tally six values and, with a filter, identify four even numbers.

Explore the max operator in RxJS, returning the largest value from a stream of observable values using of and pipe. Compare with the min operator that yields the smallest value.

Use the map operator on a click events observable to extract x and y positions and log them.

Explore the RxJS groupBy operator by grouping items in an observable with a key selector function, using from to create the source array and pipe to apply the grouping.

Explore the reduce operator in RxJS, using an accumulator function and an optional seed to sum object prices from an observable created with from and pipe, producing the total 2200.

Use the filter operator on an observable with a predicate function to pass values that satisfy the condition and block the rest, demonstrated by filtering even numbers via pipe.

Explore the first and last operators in RxJS, extracting the first or last value from an observable with pipe and subscribe, using of and all nums to illustrate final value.

Explore the RxJS skip operator, which omits n emissions from an observable. The lecture demonstrates a fromEvent button-click example using pipe to skip two clicks and reveal the third.

Discover the throttle operator and how the duration selector, an observable or promise, governs emission windows. In the example, a button click emits once and ignores clicks for two seconds.

Explain the concat operator in rxjs, which sequentially emits values from multiple observables provided as an array, and demonstrates using pipe to concatenate input observables.

Learn how the merge operator combines multiple input observables into a single output observable by emitting all values from each source, as shown with practical examples.

Explore the forkJoin operator in RxJS, which gathers the last values from multiple observables into a single emitted array or dictionary object, returning an observable of those results.

Explore the tap operator in RxJS, which returns the source observable and lets you inspect values, errors, and completion in a pipe before filtering even numbers.

Learn how the delay operator postpones emissions from a source observable by a timeout in milliseconds or a date, returning a new observable, with a 2000 ms button-click example.

Use the toArray operator to accumulate all values from the source observable and emit them as an array on completion, demonstrated via pipe and subscribe.

Explore rxjs subjects, how a subject emits to many observers, subscribe with next, error, and complete, and compare with observables, plus mentions of behavior, replace, and async subjects.

Compare observables and subjects in RxJS, showing that observables start a new execution per subscriber, producing multiple requests, while a subject shares data to enable one request for all subscribers.

Explore behavior subjects in RxJS, which hold a current value and deliver it immediately to new subscribers, and contrast them with regular subjects while noting replay and async variants.

Preview the project by displaying posts fetched via an API using a random user id; post the id to the API to retrieve a set of posts by that user.

Set up a new RxJS project, install dependencies, and build a simple app that fetches data with the of operator, transforms it with map, and displays posts.

Create a get posts button and listen for clicks using rxjs observables, subscribe to fetch posts, handle errors, and implement the gets posts function with a random user id.

Implement the getPosts function to fetch posts for a user ID from a template-based API, using template strings to inject the ID, returning an observable to be subscribed and rendered.

Implement a render function that clears the posts container, iterates over response.posts, creates article elements, fills them with the post title and id, and appends them to the page.

This project previews a very simple application where you type a task, click the add button to add it to your schedules, and click to remove it, all using Orestis.

Set up a new RxJS project by initializing packages, configuring npm scripts and modules, and launching a development server to run and test a simple 'hello, world' app on localhost.

Design and implement a simple to-do list interface with a text input, add button, and dynamic list that updates on click, using events and an add item function.

Learn to remove todos by listening to click events with RxJS observables, retrieving the clicked list item by id, validating its existence, and refactoring removal into a reusable removeItem function.