Best of Redux2023

  1. 1
    Article
    Avatar of devtoDEV·3y

    How to build a portfolio website with React & Tailwind CSS

    Every developer must have a portfolio website to show off their skills and projects. We will build portfolio website with React.js and Tailwind CSS.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·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. 3
    Article
    Avatar of communityCommunity 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. 4
    Article
    Avatar of asayerasayer·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. 5
    Article
    Avatar of hackernoonHacker 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. 6
    Article
    Avatar of freecodecampfreeCodeCamp·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. 7
    Article
    Avatar of communityCommunity 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. 8
    Article
    Avatar of syscolabsslSysco 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. 9
    Article
    Avatar of logrocketLogRocket·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. 10
    Article
    Avatar of btrprogBetter Programming·3y

    Zustand vs. Signals — Comparing React State Management Options

    The introduction of context API in React 16.3 created a bit of a stir in the react community. Zustand and Signals were formally released in September 2022 and are now part of the Preact core library.

  11. 11
    Article
    Avatar of communityCommunity 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. 12
    Article
    Avatar of communityCommunity 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. 13
    Article
    Avatar of codemotionCodemotion·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. 14
    Article
    Avatar of asayerasayer·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. 15
    Article
    Avatar of coinsbenchCoins 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. 16
    Article
    Avatar of communityCommunity 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.