staltz/rxjs-training

Stars
319
Rank 131,491 (Top 3 %)
Language
JavaScript
License
MIT License
Created over 9 years ago
Updated over 5 years ago

staltz/rxjs-training

staltz

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

(From 2015) RxJS Workshop exercises for MLOC.js

RxJS Workshop at MLOC.js

Hosted by André Staltz

Exercises

Also available in the directories in this repository. Avoid looking at solution as much as you can. ;)

1. Imperative array handling

2. Functional array handling

3. Functional event stream handling

4. Observables vs Promises

5. DOM Events

6. Combining two orthogonal Observables

7. AND and OR combinators

8. Correlational combinators

9. Cold and Hot Observables

10. FlatMap: the mother of all operators

Example use of FlatMap.

11. Cycle.js checkbox

12. Cycle.js counter button

13. Cycle.js Body Mass Index app

rxmarbles

Interactive diagrams of Rx Observables

xstream

An extremely intuitive, small, and fast functional reactive stream library for JavaScript

flux-challenge

A frontend challenge to test UI architectures and solutions

callbag-basics

👜 Tiny and fast reactive/iterable programming library

react-native-node

Run a separate Node.js process behind a React Native app

matrixmultiplication.xyz

manyverse

A social network off the grid (real repo at https://gitlab.com/staltz/manyverse)

prevent-smoosh

Don't let TC39 use smoosh or smooshMap

use-profunctor-state

React Hook for state management with profunctor lenses

comver

MIGRATED TO https://gitlab.com/staltz/comver

toy-rx

A tiny implementation of RxJS that actually works, for learning

cycle-onionify

MIGRATED! This was transfered to https://cycle.js.org/api/state.html

dat-installer

Download, install, and update Android apps through Dat

zii

Chain function calls using a prototype function z

easy-ssb-pub

An easy-to-host server that runs an SSB "Pub"

html-looks-like

Assert that an HTML string looks approximately the same as another HTML

mvi-example

A demo of the Model-View-Intent architecture with Virtual DOM renderer, for single-page apps.

hyperpunk

A cyberpunk theme for HyperTerm

zig-nodejs-example

Node.js Native Module written in Zig

ssb-room

A server to find and connect to other SSB peers – a meeting place. AGPL-3.0

prevent-global-this

Don't let TC39 use globalThis

react-native-emoji-modal

Feature-complete Emoji picker for React Native

switch-path

switch case for URLs, a small tool for routing in JavaScript

react-propify-methods

A React utility to convert instance methods to props with Observables

ttosa

CSV data for Time Till Open Source Alternative

staltz.com

feedpunk

A scuttlebutt client in the terminal

promisify-4loc

Promisify a callback-style function in just 4 lines of code

rxtween

A library for creating RxJS Observables related to animation

git-done

The simplest TODO-based task tracker integrated into git.

gun-asyncstorage

Use Gun.js in React Native through AsyncStorage

with-profunctor-state

React HOC for state management with profunctor lenses

fantasy-observable

A specification for interoperability of push-based data sources in JavaScript

ts-multipick

TypeScript Pick utility, but deeper: Pick2, Pick3, Pick4, ...

noderify

react-human-time

React component that periodically calls human-time

promisify-tuple

Promisify a callback-style function, resolving with [err,val]

intact

A simpler musical notation that works well with LinnStrument

combineLatestObj

A convenient flavor of Rx.Observable.combineLatest to return an object

css2obj

Tagged template literal that takes CSS and returns a JavaScript object suitable for free-style

callbag-subject

👜 A callbag listener sink which is also a listenable source

cycle-custom-elementify

Converts a Cycle.js app to a custom element (Web Component)

ziii

Right-compose functions with a z() utility function

something-something

react-native-ssb-client

ssb-client for React Native apps that use nodejs-mobile-react-native

chai-virtual-dom

Chai assertion helpers for virtual-dom elements

callbag-share

👜 Callbag operator that broadcasts a single source to multiple sinks

uphill-rxjs-workshop

clarify-error

Add some additional context to a JavaScript error

callbag-pseudo-rxjs

👜 Proof of concept that implements a subset of RxJS using callbags

fp-js-workshop

Pragmatic functional programming in JavaScript - Workshop material

mvi-wc-poc

Proof-of-Concept of Web Components functioning in a Virtual DOM architecture (Model-View-Intent)

react-native-android-packagemanager

Call some PackageManager APIs from React Native

pull-awaitable

Convert a pull-stream into an AsyncIterable, and use for-await-of

multiserver-worker

A multiserver plugin for Web Workers

pull-flat-list

FlatList React Native component capable of scrolling through pull-streams

callbag-to-awaitable

👜 Use async-await to consume a pullable callbag source

callbag-pipe

👜 Utility function for plugging callbags together in chain

ssb-mirror

ssb-keys-mnemonic

Module that converts from/to SSB keys and BIP39 mnemonic codes

callbag-interval

👜 A callbag listenable source that sends incremental numbers every x milliseconds.

poc-ssb-mobile

quicktask

Tiny microtask queue scheduler for all environments

react-mutant-hoc

A utility to make React components easily consume Mutant observables

jace

just another compiler experiment

callbag-observe

👜 Callbag listener sink that receives data from any listenable source

frontmen-workshop

callbag-worker

👜 Callbag utilities for communicating with a Web Worker

mutant-attachable

Utility for React components to easily subscribe to Mutant streams

multiserver-dht

A multiserver plugin that uses a Distributed Hash Table

react-xstream-hoc

A utility to make React components easily consume xstream streams

ssb-keys-neon

A drop-in replacement of ssb-keys, implemented in Rust and delivered as a native module in Node.js

ssb-roadmap

MIGRATED to https://gitlab.com/staltz/ssb-roadmap

electron-ssb-client

Secure Scuttlebutt API for (Renderer process) Electron apps

ppppp-sync

amicispace

pull-worker

Convert a Web Worker API to a duplex pull-stream

callbag-for-each

👜 Callbag sink that consume both pullable and listenable sources

react-native-process-shim

Shim the Node.js process for React Native's JS runtime

cycle-native-navigation

Cycle.js drivers for react-native-navigation

cleanjs-example

Example of Cycle.js app passing the eslint-config-cleanjs lint

callbag-from-iter

👜 Convert an iterable or iterator to a callbag pullable source

pull-stream-from-promise

MIGRATED TO https://gitlab.com/staltz/pull-stream-from-promise

pull-rn-channel

Convert a Node.js Mobile 'channel' to a duplex pull-stream

ssb-minibutt

callbag-to-async-iterable

👜 Convert any pullable callbag source to an AsyncIterable

ssb-discovery-swarm

Scuttlebot plugin that exchanges invites with other sbots in a DHT

ppppp-db

pull-thenable

Convert a pull-stream into a thenable

callbag-map

👜 Callbag operator that applies a transformation on data passing through it

callbag-merge

👜 Callbag factory that merges data from multiple callbag sources

dagsync

Work in progress

callbag-concat

👜 Callbag factory that concatenates data from multiple callbag sources

trustnet-org

work in progress

software-below-the-poverty-line

Dataset for my blog post

callbag-flatten

👜 Callbag operator that flattens a higher-order callbag source

frontmania-rxjs-workshop

callbag-take

👜 Callbag operator that limits the total amount of data sent through

tallbag-for-each-poc-static-graph

Tallbag sink that consume both pullable and listenable sources

elementify

Proof of concept elementify() helper for Cycle.js DOM