-
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.
-
react-hooks-testing-library
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.
-
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.
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.
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.
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 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.
To test our store using jest, we’ll need some packages. React testing library Rect testing - hooks
Related posts
-
Comparing React state tools: Mutative vs. Immer vs. reducers
-
Immer VS mutative - a user suggested alternative
2 projects | 25 Jan 2024 -
How We Fixed Performance With JS Object Variable Mutation
-
Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories
-
Best content to cram for a front end interview?