Stop Overcomplicating your State – Try Zustand

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • zustand

    🐻 Bear necessities for state management in React

  • With the advent of hooks, a lot of React developers have started to move away from Redux as the default state manager of choice. Many new alternative state managers have become popular. One of which is Zustand.

  • starwars-searcher

  • I'm going to be demonstrating Zustand using my testing project starwars-searcher. This is a very simple app that utilizes the swapi api for a live search feature. Let's extend this project to retrieve star wars planet names from the api and display them on a list, using Zustand as our state manager.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • redux-devtools-extension

    Redux DevTools extension.

  • With the middleware functionality, we can easily actually use an amazing extension created for Redux, Redux DevTools link. We just need to import the devtools middleware, and attach it to our store.

  • Immer

    Create the next immutable state by mutating the current one

  • Immer is another great package that makes reducing nested structures easy. We can create middleware to allow us to use immer easily. Here is a fully typed version.

  • react-hooks-testing-library

    🐏 Simple and complete React hooks testing utilities that encourage good testing practices.

  • To test our store using jest, we’ll need some packages. React testing library Rect testing - hooks

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Comparing React state tools: Mutative vs. Immer vs. reducers

    1 project | dev.to | 1 May 2024
  • Immer VS mutative - a user suggested alternative

    2 projects | 25 Jan 2024
  • How We Fixed Performance With JS Object Variable Mutation

    1 project | dev.to | 4 Sep 2023
  • Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories

    16 projects | dev.to | 14 Aug 2023
  • Best content to cram for a front end interview?

    1 project | /r/reactjs | 1 Jul 2023