https://github.com/funsaized/rxjs-samples
Set of examples using plain HTML, CSS, and TypeScript for documenting & understanding practical use cases during development
https://github.com/funsaized/rxjs-samples
javascript reactive reactive-programming reactive-streams rxjs typescript webdevelopment
Last synced: 2 months ago
JSON representation
Set of examples using plain HTML, CSS, and TypeScript for documenting & understanding practical use cases during development
- Host: GitHub
- URL: https://github.com/funsaized/rxjs-samples
- Owner: funsaized
- Created: 2022-12-29T03:11:16.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-08T18:30:09.000Z (about 3 years ago)
- Last Synced: 2025-06-29T06:40:04.962Z (12 months ago)
- Topics: javascript, reactive, reactive-programming, reactive-streams, rxjs, typescript, webdevelopment
- Language: TypeScript
- Homepage:
- Size: 198 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RxJS-samples
This is a set of practical examples to learn RxJS. Let's be honest, RxJS has a learning curve. When starting with RxJS, I noticed an abundance of examples specific to Angular. I found the docs very comprehensive but also overwhelming - the library is huge, and in my opinion is almost a DSL in itself.
These examples are meant to document useful patterns and demonstrate the benefits of reactive programming with RxJS, and are the output patterns I use frequently and research.
## Getting Started
The simplest way to run these examples is using [Vite](https://vitejs.dev/guide/) as the dev server. Each example was built using the `vanilla-ts` template. To run an example, simply `cd` into the desired folder and boot up like a normal npm project:
```
git clone https://github.com/snimmagadda1/rxjs-examples.git
cd 01-rxjs-hello-world
npm install
npm run dev
```
The example will be accessible on your local host at the default port of .
## Contents
1. [Hello World](https://github.com/snimmagadda1/rxjs-examples/tree/main/01-rxjs-hello-world)
2. [Observable Semantics](https://github.com/snimmagadda1/rxjs-examples/tree/main/02-observable-semantics)
3. [Observable Subscription Management](https://github.com/snimmagadda1/rxjs-examples/tree/main/03-observable-subscription-management)
4. [Creating Observables from DOM Events](https://github.com/snimmagadda1/rxjs-examples/tree/main/04-creating-observables-from-dom-events)
5. [Operators](https://github.com/snimmagadda1/rxjs-examples/tree/main/05-operators)
6. [Reactive Autocomplete Input](https://github.com/snimmagadda1/rxjs-examples/tree/main/06-reactive-autocomplete-input)
7. [Progress Bar](https://github.com/snimmagadda1/rxjs-examples/tree/main/07-progress-bar)
8. [HTTP Polling](https://github.com/snimmagadda1/rxjs-samples/tree/main/08-http-polling)
9. [HTTP Retry with Exponential Backoff](https://github.com/snimmagadda1/rxjs-samples/tree/main/09-http-retry-with-backoff)
10. [Restarting a Task](https://github.com/snimmagadda1/rxjs-samples/tree/main/10-restarting-a-task)