redux-essentials-example-app
redux-saga
Our great sponsors
redux-essentials-example-app | redux-saga | |
---|---|---|
37 | 42 | |
291 | 22,501 | |
1.7% | 0.0% | |
0.0 | 4.0 | |
2 months ago | 17 days ago | |
CSS | JavaScript | |
- | 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
redux-saga
- Main-Thread-Scheduling
-
Creating Own Chat GPT
For the backend, we chose Python, Django Rest Framework. On the frontend, React, Redux, Saga, Sass. Let’s start with the backend, which was managed by Yegor. He writes about the server part of the project himself.
-
Internals of Async / Await in JavaScript
The whole article properly the best explanation of generators I have come across. This quote stuck out:
> Generators are a special type of function that can return multiple pieces of data during its execution. Traditional functions can return multiple data by using structures like Arrays and Objects, but Generators return data whenever the caller asks for it, and they pause execution until they are asked to continue to generate and return more data.
Applications of generators? I have only used Redux-Saga[1]. Can't even think of other libraries that use them, but would be interested in learning.
[1]: https://redux-saga.js.org/
-
Generators in the wild
redux-saga. The most popular effects library in js
-
I don't get why I should use Redux
Redux can be extended with a lot of other packages. For example with a side effect manager, you can separate side effects from your business logic, help with error handling and in the same process make testing of side effects a lot easier.
-
What Is The Best Name for This Synchronous Function?
Consumer vs. Producer: Check out Redux Saga
-
Front-end Guide
Your app will likely have to deal with async calls like making remote API requests. redux-thunk and redux-saga were created to solve those problems. They may take some time to understand as they require understanding of functional programming and generators. Our advice is to deal with it only when you need it.
-
Why Would Anyone Need JavaScript Generator Functions?
Hey thanks for the thoughtful response.
I agree with everything you mentioned here. I'd love to continue to chat with you about how to make testing sagas better.
If you'd like, it would be great if we could move this convo to https://github.com/redux-saga/redux-saga/discussions/2337
-
What is the best plan to catch data from multiple api calls and display some data
If there are dependent API calls, you can probably look at redux-saga. It’s one of the best libraries out there to manage the data.
-
[AskJS] Where will I need to write generator functions?
redux-saga makes use of them in really nice way. https://redux-saga.js.org/ That’s where I’ve used them the most.
What are some alternatives?
zustand - 🐻 Bear necessities for state management in React
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
redux-eggs - Add some Eggs to your Redux store.
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]
hookstate - The simple but very powerful and incredibly fast state management for React that is based on hooks
rtk-query - Data fetching and caching addon for Redux Toolkit
devtools - Replay.io DevTools
axios - Promise based HTTP client for the browser and node.js
scaffold-eth - 🏗 forkable Ethereum dev stack focused on fast product iterations [Moved to: https://github.com/scaffold-eth/scaffold-eth]
SWR - React Hooks for Data Fetching
scaffold-eth - 🏗 forkable Ethereum dev stack focused on fast product iterations
Immer - Create the next immutable state by mutating the current one