Top 18 TypeScript Reactive Programming Projects
-
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?
-
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!
-
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.
-
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-26Surprising no one mentioned here about https://github.com/staltz/xstream
-
Router5
-
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-08Hi! 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!
-
refract - Harness the power of reactive programming to supercharge your components
-
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!
-
-
-
Angular Composition API on Github
-
-
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.
-
TypeScript Reactive Programming related posts
- LINQ, Java Stream API like library for Javascript / Typescript
- Exploring Frontend Frameworks' Internals – Part 1: The basic structure of Frontend frameworks + Vue 3’s reactivity
- Introduction of React Context
- Batching events with RxJS
- Melhorando comunicação com o backend, Angular e Rxjs
- Just looked at MobX, and it looks fantastic. Any cons?
- API services in React or Vue using Rxjs
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 |
Are you hiring? Post a new remote job listing for free.
