speccards
useEffectReducer
| speccards | useEffectReducer | |
|---|---|---|
| 2 | 2 | |
| 10 | 789 | |
| - | - | |
| 0.0 | 0.0 | |
| over 4 years ago | over 1 year ago | |
| Clojure | TypeScript | |
| - | 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.
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.
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.
What are some alternatives?
elm-sortable-table - Sortable tables for whatever data you want to display
jotai - 👻 Primitive and flexible state management for React
posh - A luxuriously simple and powerful way to make front-ends with DataScript and Reagent in Clojure.
use-optimistic-reducer - ⏱️ React reducer hook for handling optimistic UI updates and race-conditions.
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]
clean-state - 🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋
useRedux - Hook to connect redux store to react components
redux-dynamic-modules - Modularize Redux by dynamically loading reducers and middlewares.