monocle-ts
jotai
Our great sponsors
monocle-ts | jotai | |
---|---|---|
6 | 96 | |
982 | 13,649 | |
- | 3.7% | |
0.0 | 7.2 | |
6 months ago | 2 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
monocle-ts
-
I may have a crush on the TypeScript compiler, because of stuff like this
You may be interested also in checking out the implementation of Lens in monocle-ts, one of the libraries in the fp-ts ecosystem
-
Haskell Lens Tutorial by Exercises
For anyone - anyone who's faffed around with JavaScript's spread syntax when working with nested immutable data, anyway - struggling to understand the general concept or utility of lenses, I'd encourage looking into monocle-ts. The motivation [0] that kicks off the README instantly made me a believer, and TypeScript's idiosyncratic type system makes using the library remarkably natural; it fits right in without needing to deal with anything analogous to Template Haskell.
-
Is there a cleaner way to immutably update a deeply nested attribute? (I feel like this is not very clean)
You could have a look at the monocle-ts library. It was designed to deal with this kind of problem.
-
Simple Immutable Data w/ Spectacles 👓
spectacles-ts integrates seamlessly with the fp-ts ecosystem (it's built on top of the excellent monocle-ts library)
-
Why is it so difficult to modify a deeply nested state in React?
lenses help with this quite a bit, check out monocle-ts
jotai
-
Building an Account switcher with NextJS and Next Auth
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.
-
Changelog #0023 — 🛠️ Internal refactoring and improvements
Most impactful has been reworking our data model layer and state management system. The original codebase had evolved to keep much of its business logic inside jotai atoms, and we generally had very little abstraction in the model layer. This made the model layer code complex, rigid, and bug-prone.
-
Which state management library should I use?
For atoms, Jotai or Zedux
-
Going from Flutter to React
You should try https://jotai.org/, its like riverpod
-
Why You Don't Need Signals in React
To simplify the process of defining and using global state, third-party libraries like Jotai can be useful. With Jotai, you can easily share state between components without relying on prop drilling or context propagation.
-
What is Atomic State Management - Create One Yourself
Before we proceed you can check the project on github. This implementation is for learning purposes, for production use check Jotai or Recoil.
-
I am having to pass down 8+ props even for simple components. What are some common ways to mitigate this? (Typescript)
My preferred state manager is jotai, so here's a quick example.
-
Is redux and thunks still used or are there other alternatives for it now?
Jotai is like simplified Recoil
-
Moving from Context to Redux help!
Atomic libraries like Recoil, Jotai, and Zedux specialize in expressing these dependencies clearly, giving you insight into your dependency graph and offering tools like evaluation tracing, time travel, and DI overrides to improve testability and discoverability of your code.
-
Redux or React Context api?
After Zustand, if you need anything more, I'd either go back to Redux or learn Jotai, an atomic library that's a little more powerful than Zustand. Atoms are a little more advanced, so I wouldn't start there. Though (full disclosure) I am the author of another atomic library that is aiming to make atoms simpler to learn and use. Someday we'll get there, but for now I'd say Zustand is the best place to start.
What are some alternatives?
zustand - 🐻 Bear necessities for state management in React
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
valtio - 💊 Valtio makes proxy-state simple for React and Vanilla
signals - Manage state with style in every framework
redux-thunk - Thunk middleware for Redux
hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks
effector-react - Business logic with ease ☄️
optics-ts - Type-safe, ergonomic, polymorphic optics for TypeScript
use-cookie-state - State management React hook using browser cookies as persistent storage