redux-essentials-example-app
hookstate
Our great sponsors
redux-essentials-example-app | hookstate | |
---|---|---|
37 | 16 | |
291 | 1,633 | |
1.7% | - | |
0.0 | 4.8 | |
2 months ago | 5 months ago | |
CSS | 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.
redux-essentials-example-app
- Redux vs Zustand
- Designing an async app as a long time backend engineer dedicated to synchronous pages. Help!
-
I was struggling with MVx architectures for years and now I can explain why
You're right, it is related. But I think that Flux- and ELM-like architectures are making it even worse by forcing any "external" interaction to became the gap. Look how they suffer when it comes to executing any async operation like network request. Initially we have this relatively simple framework, but then we had to add "Middleware" to just run network request (which is a good example of the Remainder issue). I love the idea behind these architectures, which makes logic more predictable and testing way easier. I even was using them by myself. But now they looks like something turned inside out for me. I believe we could do better. I'm finishing my proposal right now. It will take couple more weeks to edit and translate it, but soon I'll show what I mean.
-
JavaScript State Machines and Statecharts
Hi, I maintain Redux and wrote most of our docs (including our current tutorials).
Can you give some details on which parts of our docs you feel are "incomprehensible"? I'm curious which specific pages you've been looking at, and for what purpose.
We've tried to organize the docs using the "Documentation System" approach described at [0]: Tutorials for teaching step-by-step, Explanations and How-To guides for specific topics, and References for API details.
Generally we want people to go through our "Redux Essentials" tutorial [1] as the primary way to learn how to use Redux correctly. It teaches "modern Redux" patterns with Redux Toolkit as the standard way to write Redux logic (including RTK Query for handling data fetching), and React-Redux hooks in components.
I'm genuinely interested in feedback on what explanations aren't clear and how we can improve things!
[0] https://documentation.divio.com/
[1] https://redux.js.org/tutorials/essentials/part-1-overview-co...
- Best React Course 2023 (intermediate / advanced)
- Redux vs Redux toolkit
-
Redux, RTK, React Query, Typescript resources
https://redux.js.org/tutorials/essentials/part-1-overview-concepts (covers how to use Redux Toolkit and RTK Query)
- I don't get why I should use Redux
- What library or tool is causing you the most pain right now?
- Beginner’s guide to Redux
hookstate
-
A Comprehensive Guide to React State Management
Hookstate
-
ReactJS Good Practices
Avoid using complex state structures to make it easier to manage and debug. There are multiple libraries to help manage complex state management such as Redux, Hookstate, etc.
-
What is React State Management?
Link: https://hookstate.js.org/
- 2022: Best State management libraries in React JS
-
The new wave of React state management
As you stumble on this post and article, do check out one library not mentioned in this list: hookstate. I'm a big fan, the API is very simple and it offers lots of extendability options.
-
As a beginner which is better Redux or useContext() API?
Why don't you try out hook state
-
Redattolo, un gioco per ████████ in React (Next.js)
Lo stack tecnologico è abbastanza standard per il 2022: il core è Next.js (quindi React, 18), di store managemente se ne occupa Hookstate e per un po' di collante in più c'è l'event emitter / pubsub Mitt.
-
React state management libraries in 2022
I have been using Hookstate, curiously aanbidt never mentioned in lists like this.
-
What's best practice for managing state without Redux?
I've never understood why Hookstate (https://hookstate.js.org/) doesn't get more love. It's super-simple (no boilerplate), modern (hook-based), performant (works great for all size apps) and even works outside of components beautifully. It's somewhat similar to context, but more robust and feature-rich (because it's a true state management solution, which context really isn't meant to be). It's basically the only way I've done state in React for a couple of years now and I wouldn't trade it for the world.
-
Noob question, Nextjs vs CRA?
If your data requirements aren't particularly mutating / don't mutate regularly then the newer context api would be your friend it essentially variable that is scoped to your react tree which components can subscribe to changes of, but it is important to know that: unfortunately the current useContext hook (and by extension the rest of the context api) doesn't have any means of specifically "choosing" / "selecting" a part of that context state which is where it falls behind redux etc... - even though they technically operate very very similarly - both redux and context api make use of "subscriptions" to track state updates, just that the context api was designed as a means of "dependency injection" whereas redux was designed for managing state across an entire application. Passing data through props is practically the same, as before the hooks api - avoid prop drilling etc... if you're simply looking at avoiding prop-drilling and just passing some stateful value to another component thats deeply nested then context is your friend - as for redux, I personally am further inclined to hookstate as I think their api is really strong.
What are some alternatives?
zustand - 🐻 Bear necessities for state management in React
redux-eggs - Add some Eggs to your Redux store.
jotai - 👻 Primitive and flexible state management for React
devtools - Replay.io DevTools
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
scaffold-eth - 🏗 forkable Ethereum dev stack focused on fast product iterations [Moved to: https://github.com/scaffold-eth/scaffold-eth]
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
scaffold-eth - 🏗 forkable Ethereum dev stack focused on fast product iterations
unstated-next - 200 bytes to never think about React state management libraries ever again
react-redux - Official React bindings for Redux
particule - Fine-grained atomic React state management library