useEffectReducer
speccards
Our great sponsors
useEffectReducer | speccards | |
---|---|---|
2 | 2 | |
789 | 10 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | over 4 years ago | |
TypeScript | Clojure | |
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.
useEffectReducer
- Is there a way to wait for setStatte to finish before calling function?
-
JUXT Blog - Learn You a ClojureScript for Great Good!
So it's like you say: it's a pattern that ensures a uniform style across the app. There's also the other end of the spectrum with frameworks like Relay and Fulcro that have their place and optimise all the data fetching, but I believe this pattern sits comfortably in the middle and scales a lot and at the same time it's not overkill for smaller apps. Now, you can do all that without adding effects to a queue. You can use useEffectReducer and perform them directly. I just prefer to be explicit about it and I think it has a lot of benefits. Definitely not The One True Way but something worth trying.
speccards
-
Share state using custom hooks
speccards generates random valid UI states based on a spec
-
JUXT Blog - Learn You a ClojureScript for Great Good!
Also: if the state is all in one place you can do pretty cool things like use generative tests to make a bunch of valid ui states and mount them on devcards to see if something breaks speccards. You can take a snapshot of the whole state in prod and try and debug it locally.
What are some alternatives?
jotai - 👻 Primitive and flexible state management for React
elm-sortable-table - Sortable tables for whatever data you want to display
use-optimistic-reducer - ⏱️ React reducer hook for handling optimistic UI updates and race-conditions.
posh - A luxuriously simple and powerful way to make front-ends with DataScript and Reagent in Clojure.
clean-state - 🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋
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]
useRedux - Hook to connect redux store to react components
redux-dynamic-modules - Modularize Redux by dynamically loading reducers and middlewares.