Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
React Hook Form | 35,238 | 127 | 1,337 | 14 hours ago | 951 | September 23, 2022 | 14 | mit | TypeScript | |
📋 React Hooks for form state management and validation (Web + React Native) | ||||||||||
Formik | 32,411 | 2,455 | 1,807 | 5 days ago | 201 | June 02, 2021 | 766 | apache-2.0 | TypeScript | |
Build forms in React, without the tears 😭 | ||||||||||
React Jsonschema Form | 12,718 | 566 | 281 | 20 hours ago | 103 | December 16, 2019 | 289 | apache-2.0 | TypeScript | |
A React component for building Web forms from JSON Schema. | ||||||||||
Redux Form | 12,611 | 11,781 | 1,243 | 2 months ago | 235 | November 17, 2021 | 491 | mit | JavaScript | |
A Higher Order Component using react-redux to keep form state in a Redux store | ||||||||||
Formily | 9,656 | 119 | a day ago | 209 | September 20, 2022 | 14 | mit | TypeScript | ||
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3 | ||||||||||
React Final Form | 7,257 | 500 | 384 | 18 days ago | 76 | April 01, 2022 | 390 | mit | JavaScript | |
🏁 High performance subscription-based form state management for React | ||||||||||
X Render | 6,100 | 1 | 31 | 20 hours ago | 310 | September 21, 2022 | 13 | TypeScript | ||
🚴♀️ 阿里 - 很易用的中后台「表单 / 表格 / 图表」解决方案 | ||||||||||
Unform | 4,514 | 33 | 2 months ago | 16 | February 19, 2021 | 73 | mit | TypeScript | ||
Performance-focused API for React forms 🚀 | ||||||||||
Survey Library | 3,620 | 37 | 15 | 15 hours ago | 384 | September 20, 2022 | 495 | mit | TypeScript | |
Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout. | ||||||||||
Form | 2,729 | 9 days ago | 29 | mit | TypeScript | |||||
🤖 Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Svelte Form and Vue Form. |
A source repository for a blog post about dynamic forms with Formik: https://scottdj92.ghost.io/building-dynamic-forms-with-formik-with-react-and-typescript/
Each branch of this repo will cover a specific use case to prevent the repo from getting cluttered.
Case | branch |
---|---|
Initial Form Creation | case 1 |
Form Validation | case 2 |
Custom styled fields | case 3 |
Array of fields | case 4 |
Each branch will use npm/yarn as the package manager.
npm install
or yarn install
to install all dependencies. It's recommended that this is done when you switch branches to ensure all packages are up to date.npm run dev
or yarn dev
to run the local development environment