Learn Reactivex From Ground Up

Explore popular programming paradigms and their pros and cons, then introduce fundamentals of reactive programming, synchronous data streams, and observables, and set up webpack and babel.

Explore popular programming paradigms like procedural, imperative, declarative, functional, object-oriented, and reactive programming, highlighting data flows, event-driven updates, and JavaScript examples with observable.

Explore reactive programming with RxJS by creating synchronous data streams from events and APIs, subscribing to observables, and applying operators like map, take, and delay.

Set up the Reactivex development environment by installing NPM and Node, configuring Webpack and Babel, and running a local server with watch mode for automatic updates.

Explore data streams and observables in reactive programming by tapping into ui events and creating observables from events using from event operator, arrays, and promises, including hot and cold observables.

Create observables from events using from event, wiring a button click and text input to streams, then subscribe to logs and errors; also capture mouse move coordinates.

Convert array-like objects to observables with the from operator in ReactiveX. Learn to handle errors, complete signals, and reuse a subscriber for arrays, sets, maps, and strings.

Create an observable from scratch with RxJS by implementing an observer, emitting values with next, and handling completion or errors, then subscribe to observe the stream in real time.

Learn hot and cold observables in Reactivex, where cold observables start on subscription and hot ones run continuously, with examples using API requests, mouse events, and publish, connect, and refCount.

Explore simple operators to create observables, including interval, timer, range, take, of, and defer, and learn how they emit sequences and complete.

Learn how to create an observable from a promise and fetch GitHub user data with Ajax, then build a Bootstrap interface that updates as you type.

Learn transforming and filtering observables in Reactivex using map and plock, buffers, and operators like first, last, find, filter, debounce time, and distinct to shape streams.

Explore the map operator in reactive programming, transforming each observable item and using map to operator and pluck to extract values, with examples from interval, from array, and input events.

Demonstrate how buffer operators collect items from an interval observable into buffers and emit them as arrays, using buffer, buffer count, and buffer time, with releases on clicks.

Learn to create a simple observable and apply key operators to locate and select values, including first, last, find, and find index, plus take and skip with time-based patterns.

Learn how to filter an observable using the filter operator, apply bounce time for input pauses, and use distinct and distinct until changed to manage duplicates.

Explore section 4 of Learn Reactivex From Ground Up, combining observables with merge, concat, merge map, concat map, zip, combining latest, and switch map to build complex sequences.

Learn how to merge and concatenate observables, merging emissions from multiple streams and sequencing them with merge all and concat all.

Learn merge map, concat map, and switch map to map source values to inner observables and merge outputs, avoiding nested subscriptions, with examples using hello world, a promise, and intervals.

Clean up the github search project by replacing two subscribers with a single switchMap flow, mapping keyup events to input values and debouncing before fetching user data.

Explore zip, combineLatest, and withLatestFrom to merge multiple observables, synchronize latest values, and manage timed emissions with intervals and delays in reactive programming.

Explore utility operators such as delay, when, let, and do, and examine subjects that act as observables and observers, async behavior, replace objects, and error handling with throw and catch.

Explore essential RxJS utility operators for exchange apps, including defaultIfEmpty, every, do, delay, delayWhen, let, and toPromise, with practical examples.

Learn how subjects serve as both observer and observable, subscribe to multiple observables, and explore standard, behavior, replays, sync, and async subjects with practical examples.

Explore error handling in reactivex: use throw and catch to treat errors as values, resume observables with on error resume next, and integrate promise catch for rejected promises.

Build a simple weather app by fetching data from the Weather Underground API for a city and state, displaying location, weather description, and temperature in Fahrenheit and Celsius.

Set up the project with npm, webpack, and babel; build a get weather function returning a promise from the weather underground API and wrap it in an observable.

Create a bootstrap-styled location form, capture submit as an observable, map inputs to city and state, call get weather to return an observable from a promise, and extract current observation.

Implement bootstrap styling for the app by installing bootstrap via Bouwer, adding bootstrap components, and adding a responsive nav, panels, and simple validation to the form.

Learn how to output weather data by wiring a subscription, reveal the weather box after search, and render location, temperature, dew point, heat index, humidity, visibility, wind, and an icon.

Master reactive programming with RxJS by creating observables from events and arrays, applying map, filter, merge and concat operators, and building a weather finder project.