Turn Anything Into A Form Field With React Hook Form Controller

This page summarizes the projects mentioned and recommended in the original post on dev.to
React TypeScript UI Frameworks Code Design Material Design

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

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

    • React Hook Form has quickly become my favorite library to wrangle forms of all shapes and sizes, mainly for its great developer experience. The 30 second screencast on their home page nicely illustrates how to integrate it into a standard form using the magic of register to connect each field. When using native components, it's pretty simple to get up and running.

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    • Many projects use form inputs from popular UI libraries like Material UI. The problem is that any components are usually hidden from us, so we can't use register to connect them to our form. This is where Controller comes in!

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

  • Zero-runtime CSS-in-JS implementation

    1 project | news.ycombinator.com | 29 Jan 2024

  • 13 Must Know Libraries for a React Developer

    12 projects | dev.to | 15 Aug 2023

  • How do professionals do the annoying little things like form validation? I always spend way too long either searching for code online or else building it from scratch, feels so wasted.

    2 projects | /r/reactjs | 8 Sep 2022

  • Is Bootstrap still the best bootstrapping framework?

    9 projects | /r/webdev | 13 Aug 2022

  • REST Countries API challenge solved with Chakra UI and React.

    5 projects | dev.to | 4 Aug 2022