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

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

Our great sponsors
  • Appwrite - The open-source backend cloud platform
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • Onboard AI - Learn any GitHub repo in 59 seconds
  • Revelo Payroll - Free Global Payroll designed for tech teams
  • jotai

    👻 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

    🐻 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!

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • unocss

    The instant on-demand atomic CSS engine.

  • Snowpack

    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

    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

    💊 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

    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.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • Recoil

    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

    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

    [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

    The web framework that scales with you — Build fast content sites, powerful web applications, dynamic server APIs, and everything in-between ⭐️ Star to support our work!

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

  • visx

    🐯 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

    🤖 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

    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.

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

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