Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression. Learn more →
Top 23 TypeScript State Projects
-
Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.
-
The accounts manager is responsible for storing and managing all the accounts that users have used on your app. You can use any state management solution such as Redux, Zustand, Jotai, React Context etc.
-
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!
-
We took inspiration from the many frameworks we worked with throughout our careers. And maybe surprisingly, Django’s ORM layer impacted our design choices and the API quite a bit. The resulting framework relies on Zod for schemas and validation and Valtio for React integration.
-
Project mention: Global, reactive data store vs local, colocated graphql query? | /r/reactnative | 2023-03-20
I've been using effector, together with the apollo-client for the last few years and, while it works, it's completely detached from the actual screens. In other words, you need to fetch everything (at startup) you might use at some point and it stays in the memory for the entire duration of the session. Error handling is also tricky as you need to explicitly subscribe to the specific error stores in order to render them. And, if something goes wrong, it's tricky to tell what data is actually used in the current screen, so it's almost impossible to do the Retry efficiently. OTOH the screens are nice and simple - no spinners, the data is just there, thus the app feels (and is) fast.
-
-
pullstate
Simple state stores using immer and React hooks - re-use parts of your state by pulling it anywhere you like!
Project mention: ReactNative Expo File Based Routing with Firebase Authentication | dev.to | 2023-04-26PullState - https://lostpebble.github.io/pullstate/
-
Project mention: Is redux and thunks still used or are there other alternatives for it now? | /r/reactjs | 2023-05-10
Nanostores and Reatom are also great, fast atomic libs
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
-
-
structura.js
A very fast and lightweight Typescript library to create immutable states with a mutable syntax
Project mention: I made a typescript library similar to Immer but ~20 times faster and with zero-runtime freezing | /r/javascript | 2023-01-10Nice work! but please break down https://github.com/giusepperaso/structura.js/blob/master/src/index.ts into something more manageable (refactor through extraction and promotion)
-
-
jssm
Fast, easy Javascript finite state machines with visualizations; enjoy a one liner FSM instead of pages. MIT; Typescripted; 100% test coverage. Implements the FSL language.
Project mention: Xstate: State machines and statecharts for the modern web | news.ycombinator.com | 2023-03-27https://github.com/StoneCypher/jssm
I find the DSL much easier to wrap my head around than the json format of Xstate.
-
vuex-multi-tab-state
💾🔗🖥️ Share, synchronize and persist state between multiple tabs with this plugin for Vuex. TypeScript types included.
-
-
state-pool
Transform your React app with our state management library! Declare global and local states like variables, powered by the magic of React hooks 🪄✨
-
clean-state
🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋
-
-
Project mention: Make your Angular NgRx reducers an eye candy 🍬 using this fantastic library | dev.to | 2023-02-09
-
-
-
eventrix
Open-source, Predictable, Scaling JavaScript library for state managing and centralizing application global state. State manage system for react apps.
-
A team and I built an NPM package that can be installed into any SolidJS application to help visualize your signals and how they communicate. I wanted to test if the components would render during the development stage. I found Solid’s testing library and proceeded to follow the steps.
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
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 2023-06-03.
TypeScript State related posts
- Building an Account switcher with NextJS and Next Auth
- Scalability: the Lost Level of React State Management
- Changelog #0023 — 🛠️ Internal refactoring and improvements
- Which state management library should I use?
- Going from Flutter to React
- Why You Don't Need Signals in React
- What is Atomic State Management - Create One Yourself
-
A note from our sponsor - InfluxDB
www.influxdata.com | 5 Jun 2023
Index
What are some of the best open-source State projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | xstate | 23,939 |
| 2 | jotai | 13,535 |
| 3 | valtio | 7,030 |
| 4 | effector-react | 4,212 |
| 5 | mobx-react-form | 1,079 |
| 6 | pullstate | 1,024 |
| 7 | reatom | 837 |
| 8 | useEffectReducer | 790 |
| 9 | teaful | 689 |
| 10 | structura.js | 354 |
| 11 | resso | 340 |
| 12 | jssm | 251 |
| 13 | vuex-multi-tab-state | 161 |
| 14 | contextism | 143 |
| 15 | pinia-shared-state | 133 |
| 16 | state-pool | 121 |
| 17 | clean-state | 121 |
| 18 | exome | 121 |
| 19 | ngrx-immer | 107 |
| 20 | solid-react | 94 |
| 21 | agile | 90 |
| 22 | eventrix | 88 |
| 23 | solid-dev-tool | 59 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com