Best of Redux — 2023
- 1
- 2
freeCodeCamp·3y
How to Learn React in 2023
How to learn React in 2023? Get all the training you need to be a React pro with the React Bootcamp. Many JavaScript concepts can be learned at the same time you are learning React. You will encounter and learn more React concepts as you start building your own projects.
- 3
Community Picks·3y
Zedux: Is this the one?
Zedux is a molecular state engine for React. It's officially open-sourced and version 1.0.0 has been released. Zedux features a composable store model wrapped in a DI-driven atomic architecture. This article will break down why it exists and what problems it solves.
- 4
asayer·3y
State Management in Next.js with Redux Toolkit
Redux Toolkit is a collection of pre-built tools, functions, and structures that make it easier to work with Redux. You can use these tools and solutions as a starting point and customize them to fit your needs. The complete demo is available on CodeSandbox, and its source code is on GitHub.
- 5
Hacker Noon·3y
How to Build an Invoice PDF System Using React.js, Redux and Node.js
How to Build an Invoice PDF System using React.js, Redux and Node.js. The GitHub repository for the project is available for reference. Testing, Debugging, and deployment are covered. The tutorial guides you through building an invoice PDF system using React, Redux, and node.js.
- 6
freeCodeCamp·3y
How to Manage State in Your Applications – useState() vs Redux
UseState() vs Redux State management is crucial for handling an application's data, how users interact with it, and how different parts of the app behave. There are two common ways to manage a state: use State and Redux. In this article, we'll learn about state management and why it's important.
- 7
Community Picks·3y
Getting Started with Redux Toolkit: A Beginner's Guide
Redux Toolkit is an effective and user-friendly tool for managing application state in React and other JavaScript frameworks. It is based on the well-known Redux package, which gives your application a predictable and centralized way to manage data. You can set up your store, actions, and reducers automatically with only one setup file.
- 8
Sysco LABS Sri Lanka·3y
State management in Micro-Frontends
State management refers to managing the data and application state of a software application. State management is important for ensuring that an application runs smoothly and that users have a good experience using it. In client-side state management, data is managed in the user’s web browser using techniques such as cookies, local storage, and session storage.
- 9
LogRocket·3y
Create a to-do list app with Phoenix, React, and TypeScript
The release of Phoenix v1.6 offers notable improvements to the frontend tooling. With the adoption of esbuild, Phoenix support for TypeScript comes out of the box. In this tutorial, we’ll develop the basic functionality of a to-do list app with Phoenix, React, and TypeScript.
- 10
- 11
Community Picks·3y
What is prop drilling in React?
Prop drilling is the process of passing down data or state through multiple layers of a component hierarchy in React. It can lead to code duplication, increased cognitive load, and decreased maintainability. To fix prop drilling, you can use a state management library like Redux or the Context API in React.
- 12
Community Picks·3y
Scalability: The Lost Level of React State Management
Scalability: The Lost Level of React State Management has been lost in the React community. "Scalability" refers to a tool's ability to adapt to new challenges over time. Scalability is the artform of getting as close as possible to this perfect plateau.
- 13
Codemotion·3y
A Complete Introduction to the React Library
React is a JavaScript library designed to facilitate the creation of interactive and scalable user interfaces. It was developed by Facebook and is used by many large companies, such as Instagram and Airbnb, to build complex and high-performance web applications. React promotes code reusability, simplifying the management and maintenance of complex UIs.
- 14
asayer·3y
Understanding Redux-Thunk for React: The Big Picture
Redux-Thunk is a middleware that allows Redux to return functions rather than actions. This allows you to work with promises while delaying actions. The primary applications of this middleware include handling potentially asynchronous actions, such as sending a GET request using Axios. We can dispatch actions asynchronously and complete each promise that is returned.
- 15
Coins Bench·3y
Build a Decentralized Voting Dapp with Next.js, TypeScript, Tailwind CSS, and CometChat
Build a Decentralized Voting Dapp with Next.js, TypeScript, Tailwind CSS, and CometChat. See the live demo at sepolia test net and the git repo. The DappVotes project will allow you to create a secure, user-friendly, and engaging voting system.
- 16
Community Picks·3y
New nightmare unlocked: prop drilling
React developer Riccardo Bertolini has created a new nightmare unlocked: prop drilling. Prop drilling is the process of getting data to parts deep in the component tree by passing props through every level until they reach their destination. The next problem connected to props is “prop drilling” which is a common issue when a React application grows.