react-redux-links
redux-toolkit
react-redux-links | redux-toolkit | |
---|---|---|
10 | 287 | |
22,520 | 10,422 | |
- | 0.6% | |
0.0 | 9.8 | |
6 months ago | about 19 hours ago | |
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.
react-redux-links
-
ReactJS Good Practices
React-Redux Links - List of tutorials and resources for React/Redux.
-
State Management in React Applications
btw, not sure if you're referring to https://www.reactiflux.com/learning specifically, or the Discord as a whole . I did come up with the links in that "Learning" page myself (it's an updated version of the much older https://github.com/markerikson/react-redux-links repo that I had to stop updating in 2018 because it was sucking up time and burning me out), but agreed that this is also now somewhat outdated as well. Which is admittedly the problem with any resource :) tools, practices, and patterns all change, and keeping up to date with them is a full-time job by itself.
-
7 Really Helpful GitHub Repositories for React Developers🚀🎯
Link: https://github.com/markerikson/react-redux-links
-
16 Github Repos to master React
16-) Compiled tutorials and resource links on React, Redux, ES6 and more react-redux-links
-
useState under the hood question
I strongly recommend reading/watching /u/swyx 's talk and post Getting Closure on React Hooks to see how this actually works under the hood. I've also got some additional links on hooks concepts and implementation here.
- A selected list of tutorials, articles, and resources on Javascript, React, Redux, and related topics. Brought to you by Mark Erikson
-
Would Redux survive without its maintainers high level of engagement?
For the next several months, I just sorta did issue triage and cleanup. I really didn't feel like I had the right to say anything about how the library worked or to mess with the source code. At the same time, I'd been putting together a "React/Redux Links List" repo, and answering a lot of Redux questions in Reactiflux.
-
Ultimate React Resources
3.React Redux Links
-
How to not learn Javascript
First because, there were always some more resources or links to go through. I kinda felt depressed to find Mark Erikson awesome list or resources. as I felt like I should go through it .
-
How do custom hooks really work under the hood?
For more details, see this list of articles explaining how React hooks actually work internally.
redux-toolkit
-
Copilot: Weapon For Laid Back Developers
In my example I am using Redux Toolkit and I got a prompt for actions to login and logout the user. If I need more functions, I can simply start typing the name, and Copilot provides the completion. For instance, in the example, I'm adding a function to update the user. And of course at the end of the file it suggests the exports.
-
Streamlining State Management with Redux Toolkit
Check out the official documentation.
-
Next.js Weekly #34: StyleX, Self-Healing URLs, AuthKit, Scaleable TailwindCSS, Layouts vs Templates, Faster Next.js Websites [👇 all links in the comments]
Redux Toolkit 2.0
-
This Month in React Nov 2023 – Redux Toolkit 2.0, Kent v Lee, Prettier bounty
Redux Toolkit 2.0 is almost here! Hopefully shipping by this weekend :) Migration page
- Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes (plus major versions for all Redux family packages!)
-
Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes, and more
I am _thrilled_ to announce that:
Redux Toolkit 2.0 is LIVE!!!
- https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0
This major version has new features, faster perf, smaller bundle size, and removes deprecated options.
It's accompanied by majors for all our Redux family packages
## RTK 2.0:
- a new `combineSlices` method for lazy-loading reducers - Updates to `createSlice` to include a `selectors` field and allow defining thunks inside
- Immer 10 w/ faster updates
- Removal of deprecated options
See the migration guide:
- https://redux.js.org/usage/migrations/migrating-rtk-2
All of the Redux libraries now have modernized packaging with full ESM/CJS compat. They also ship modern JS (no transpiling for IE11), which means smaller bundle sizes.
We've also done byte-shaving work to shrink the bundles (extracting error messages, de-duping imports)
## Redux core 5.0:
- The TS conversion we did in 2019!
- Action types _must_ be strings
- `UnknownAction` as the default action type
- Better preloaded state types
- Internal subscription improvements
- Still marks `createStore` as deprecated!
- https://github.com/reduxjs/redux/releases/tag/v5.0.0
## React-Redux 9.0:
- *Now requires React 18 and RTK 2.0 / Redux 5.0*
-
Blogged Answers: My Experience Modernizing Packages to ESM
Oh hey, that's my post!
(yes I spend too much time refreshing HN :) )
FWIW I did end up with a packaging combination that seems to work sufficiently. I never did fix the "FalseCJS" issue that `are-the-types-wrong` is detecting. I played with double-emitting TS typedefs, and the `tsup` tool _does_ actually have support for that now (added by Andrew Branch from the TS team). So it might be more feasible now. But ultimately I decided I was tired of messing with packaging setup and that what I've got is good enough. (hopefully)
We're actually about to launch Redux Toolkit 2.0 and Redux 5.0 this week, assuming the last couple pieces come together. Here's the latest RCs - you can see the current `package.json` files in there:
- https://github.com/reduxjs/redux-toolkit/releases/tag/v2.0.0...
- https://github.com/reduxjs/redux/releases/tag/v5.0.0-rc.1
-
Setting up Redux Persist with Redux Toolkit in React JS
However, Redux, or pure Redux to be specific, can be quite verbose and boilerplate-heavy. It requires a significantly lengthy setup, which is where Redux Toolkit comes in handy, offering a simplified and more efficient way to set up and manage state in your React applications.
-
44 React Frontend Interview Questions
State manager is a tool or library that helps manage the state of an application. It provides a centralized store or container for storing and managing data that can be accessed and updated by different components in the application. A state manager solves several problems. Firstly, it is a good practice to separate data and the logic related to it from components. Secondly, when using local state and passing it between components, the code can become convoluted due to the potential for deep nesting of components. By having a global store, we can access and modify data from any component. Alongside React Context, Redux or MobX are commonly used as state management libraries. Learn more Learn more
What are some alternatives?
30-Days-Of-React - 30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
redux-saga - An alternative side effect model for Redux apps
awesome-react-components - Curated List of React Components & Libraries.
zustand - 🐻 Bear necessities for state management in React
usehooks - Easy to understand React Hook code recipes
redux-thunk - Thunk middleware for Redux
awesome-react-hooks - A curated list about React Hooks
next-redux-wrapper - Redux wrapper for Next.js
youtube-clone - The repository helps you learn React and Redux by building Youtube :star:
vite - Next generation frontend tooling. It's fast!
didact - A DIY guide to build your own 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]