TypeScript Reactive Programming

Open-source TypeScript projects categorized as Reactive Programming Edit details

Top 18 TypeScript Reactive Programming Projects

  • RxJS

    A reactive programming library for JavaScript

    Project mention: LINQ, Java Stream API like library for Javascript / Typescript | reddit.com/r/javascript | 2022-06-19

    Is there a good reason to choose this solution over rxjs or iter-ops?

  • MobX

    Simple, scalable state management.

    Project mention: Exploring Frontend Frameworks' Internals – Part 1: The basic structure of Frontend frameworks + Vue 3’s reactivity | dev.to | 2022-06-15

    mobx-jsx is using MobX as the reactivity system together with Solid's DOM renderer.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Cycle.js

    A functional and reactive JavaScript framework for predictable code

    Project mention: [AskJS] Opinions In Favor of Coding Document Fragments in JS? | reddit.com/r/javascript | 2022-06-14

    This is the standard way of going about things in Mithril and Cycle. Elm as well doesn't use an XML knockoff for view code- and as a fun fact, the original version of React didn't either.

  • Bacon

    Functional reactive programming library for TypeScript and JavaScript

    Project mention: Static code generation DSL. | reddit.com/r/ProgrammingLanguages | 2022-01-19

    It would be awesome to develop something abstract and useful for usage as common PL (besides just solving specific problem), but it's really hard to develop a general purpose language (with memory management, mutations, etc.). For example, at my work I built reactive library mostly similar to Rx.js or Bacon.js, but with additional ability to compose different reactive systems on top of each other, so that streams declaration order won't matter and might be deployed separately while being glued at run-time (as long as stream names match). It's all cool, but system would only allow reactive functions (without imperativity and mutable objects), then the whole code would look really ugly and I definitely wouldn't be able to promote it among my colleges ^^, especially regarding how hard people migrate to new paradigms - sorry for complaining 😊.

  • xstream

    An extremely intuitive, small, and fast functional reactive stream library for JavaScript (by staltz)

    Project mention: Show HN: A tiny (850B) and fast reactive observables library via functions | news.ycombinator.com | 2022-06-26

    Surprising no one mentioned here about https://github.com/staltz/xstream

  • Router5

    Flexible and powerful universal routing solution

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23

    Router5

  • unit

    Next Generation Visual Programming Platform

    Project mention: Unit: Next Generation Visual Programming Platform | news.ycombinator.com | 2022-01-18
  • JetBrains

    Developer Ecosystem Survey 2022. Take part in the Developer Ecosystem Survey 2022 by JetBrains and get a chance to win a Macbook, a Nvidia graphics card, or other prizes. We’ll create an infographic full of stats, and you’ll get personalized results so you can compare yourself with other developers.

  • SyncedStore

    SyncedStore CRDT is an easy-to-use library for building live, collaborative applications that sync automatically.

    Project mention: Show HN: SyncedStore CRDT – build multiplayer collaborative apps for React / Vue | news.ycombinator.com | 2021-12-08

    Hi! Great questions :)

    First of all, SyncedStore does not implement any CRDT algorithms. Credits for this go to Yjs [1] (and its author Kevin), which it uses as underlying CRDT.

    Yjs and Automerge are (afaik) the two most commonly used CRDT implementations. Both have their pros and cons, but Yjs has focused a lot on performance [2].

    Automerge has a bit friendlier "Immer style" [3] API. I'm not too familiar with @localfirst/state, but it seems to add a Redux style API on top of Automerge.

    My approach with SyncedStore was really to provide an API on top of Yjs that's as simple as possible to use in React / Vue / Svelte or plain JS app. I.e.: only use a single React Hook to observe changes, and use regular Javascript assigments to update values. The API is inspired mostly by Reactive Programming libraries such as MobX [4] (from the same author as Immer).

    Hope you're still following along :) Maybe it helps to compare the TODO-MVC applications, as both SyncedStore (https://github.com/YousefED/SyncedStore/tree/main/examples) and @localfirst/state (https://github.com/local-first-web/state/tree/main/examples/...) have implemented these as examples!

    [1]: https://github.com/yjs/yjs

  • Refract

    Harness the power of reactive programming to supercharge your components

    Project mention: React Libraries | dev.to | 2021-12-07

    refract - Harness the power of reactive programming to supercharge your components

  • core

    Most.js core event stream (by mostjs)

    Project mention: High Performance 3D Animation with React + rxjs | dev.to | 2021-09-09

    If you want to go deeper again then check out the project README and samsarajs. I'd like to try @most/core instead of rxjs here since it boasts impressive performance[ref]. To me, this seems like a promising area for further investigation. I've begun to experiment with a similar approach in Unity3d, hopefully more to report soon!

  • Cycle.js (react-native)

    Cycle.js driver that uses React Native to render (by cyclejs)

  • svelte-plugins

    Zero-Configuration Reactive forms for Svelte

  • angular-composition-api

    Composition model for functional reactive Angular applications.

    Project mention: RFC: Why Angular needs a composition API | dev.to | 2021-09-05

    Angular Composition API on Github

  • matchbook-ts

    pattern matching in javascript & typescript made easy

  • osmosis-js

    JS reference implementation of Osmosis, a JSON data store with peer-to-peer background sync

  • jackett-rss-processor

    Small service to fetch torrent files from Jackett supplied RSS feeds every 5 minutes based on your regex patterns.

  • ngx-digimon

    A Reactive Angular application for browsing digimons! A complete catalogue of digimons which your can search using the text box and filter.

  • ionic-mastermind

    Mastermind clone built with Ionic and Angular Frameworks.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-06-26.

TypeScript Reactive Programming related posts

Index

What are some of the best open-source Reactive Programming projects in TypeScript? This list will help you:

Project Stars
1 RxJS 27,228
2 MobX 25,382
3 Cycle.js 10,112
4 Bacon 6,402
5 xstream 2,293
6 Router5 1,712
7 unit 1,059
8 SyncedStore 898
9 Refract 814
10 core 375
11 Cycle.js (react-native) 257
12 svelte-plugins 109
13 angular-composition-api 37
14 matchbook-ts 23
15 osmosis-js 21
16 jackett-rss-processor 15
17 ngx-digimon 6
18 ionic-mastermind 1
Find remote jobs at our new job board 99remotejobs.com. There are 3 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
www.sonarqube.org