What are your struggles when working with forms in react ?

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • formik

    Discontinued Build forms in React, without the tears 😭 [Moved to: https://github.com/formium/formik] (by jaredpalmer)

    I wonder if any of you used react-hook-form or formik and if you did, what where the struggles that you had? I'm interested in particular scenarios that you encountered. Components that did not really click. Stories where you had to throw everything out and start from scratch, that sort of thing.

  • stitches

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

    I share the same feeling. I'd suggest checking out https://stitches.dev/ and https://www.radix-ui.com/ too as an alternative to tailwind.

  • 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.

  • JSONForms

    Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.

    The best way I found to build form intensive apps is using: https://jsonforms.io/ It's super declarative with JSON Schema and can be easily extended by writing custom widgets. Also it provides good balance between being "battery charged" and freedom of state management.

  • react-final-form

    🏁 High performance subscription-based form state management for React

    Have you checked out https://final-form.org/react/? Seems like the succesor of redux form. I've never heard of it.

  • react-redux-sandbox

    Created with StackBlitz ⚡️

    This example is at https://github.com/hovissimo/react-redux-sandbox/commit/740c61d51d34d5e6687a824c559f579f8709335c

  • zod

    TypeScript-first schema validation with static type inference

    Lately I've been favoring zod over yup for its slightly improved TypeScript compatibility. I've also been itching to give https://github.com/unform/unform a shot.

  • unform

    Discontinued Performance-focused API for React forms 🚀

    Lately I've been favoring zod over yup for its slightly improved TypeScript compatibility. I've also been itching to give https://github.com/unform/unform a shot.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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