What are the new and exciting tech for React projects for 2022?

• jotai

  107 17,342 9.3 TypeScript

  👻 Primitive and flexible state management for React

  

Jōtai - State management that is actually, amazingly, fun. Based off recoil, if you've never used atomic state management, I highly recommend giving it a go. It's a great, composable way to manage client state.

• zustand

  250 42,888 8.8 TypeScript

  🐻 Bear necessities for state management in React

  

I have used zustand when I needed a solution that worked without context (super cool!), and had a great dev experience -- it was a lifesaver!

• SurveyJS

  surveyjs.io featured

  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.

  

• unocss

  56 15,486 9.7 TypeScript

  The instant on-demand atomic CSS engine.

  

• Snowpack

  69 19,787 8.4 JavaScript

  Discontinued ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack] (by withastro)

  

I've been hearing good things about snowpack and have been wanting to give it a go myself as an alternative to webpack/babel

• LibreTrader

  1 1 5.7 JavaScript

  Open Source Trading Journal

like this. and then this is how you'd use it.. so same idea, they just abstracted it and made it way better lol

• valtio

  47 8,468 7.6 TypeScript

  💊 Valtio makes proxy-state simple for React and Vanilla

  

valtio is a thing for people that just really don't like dispatch-oriented libraries or can't get the hang of them, and I've heard great things about it.

• mock-requests

  4 35 5.4 JavaScript

  The first fetch/XMLHttpRequest network-mocking library that's actually user-friendly

Feel free to check out the in-depth ReadMe, install, see the JSDoc, source code, or check out the React demo.

• InfluxDB

  www.influxdata.com featured

  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.

  

• Recoil

  81 19,449 3.7 JavaScript

  Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

  

I've had a great development experience using Recoil instead of Redux in production. It fits perfectly in the react hook era.

• Next.js

  2,050 121,024 10.0 JavaScript

  The React Framework

  

I'm surprised nextjs hasn't been recommended. But do give it a go if you're new to server-side rendering. I see Remix has been mentioned a few times as well. I haven't checked it out yet, but both are worth looking into

• stitches

  80 7,691 3.9 JavaScript

  [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

  

On the styling side, Stitches, a library providing CSS-in-JS, near-zero runtime, SSR, multi-variant support.

• astro

  506 42,690 10.0 TypeScript

  The web framework for content-driven websites. ⭐️ Star to support our work!

  

Astro: a framework to build faster websites with less client-side JavaScript.

• visx

  51 18,787 7.1 TypeScript

  🐯 visx | visualization components

  

Finally for visualization, Visx from AirBnB. It's an awesome library for data visualization which abstract away D3 so you can build everything with React components.

• react-query

  190 27,869 9.1 TypeScript, JS

  Discontinued 🤖 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]

  

You're probably confusing the query client and the query client provider. The QueryClient and QueryCache are framework agnostic, whilst the QueryClientProvider (which creates a context) is a react component that creates a context and expects a query client instance. QueryClient has nothing to do with React, and can be used outside of react (I've done that myself). You can either read the docs or the code,

• msw

  149 14,878 9.2 TypeScript

  Seamless REST/GraphQL API mocking library for browser and Node.js.

  

API mocking using service worker (https://mswjs.io/) is a new project recommended in the react testing library documentation I started using. It's super neat since the same handlers can be used to intercept dev calls and used in your jest tests. No need to write mock endpoints twice. You can also see the calls in your network tab. Supports testing practices with SWR/ RQ as that's going be required given their popularity.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Suggest a related project