react.js form

React Form: Redux Form vs React Final Form vs Formik and Yup

本文會先從為何要做表單狀態管理說起,接著看目前市面上有哪些好的表單函式庫和條列挑選原則,並探討三個表單函式庫 Redux Form、React Final Form、Formik & Yup,最後做比較和總結。

react.js react.js form redux virtual dom · 留言


React Controlled vs Uncontrolled Component

在 React 的世界裡,表單(Form)元件與其他 HTML DOM 元件的運作方式不一樣,這是因為表單會儲存自身的內部狀態,而其他的元件並沒有自身狀態要存的緣故。這在開發的時候所出現的不同點就是,當我們希望能實作更細緻的 UI 時,就需要掌握更多的資訊,因此會希望將表單狀態的儲存,轉由開發人員掌控,因此就有了 controlled component 與 uncontrolled component 選擇上的差異。

react.js react.js form · 留言


Redux Form

簡單記錄目前使用 Redux Form 的狀況並與其他 library 做小小比較。

react.js react.js form · 留言


Formsy React

簡單記錄目前使用 Formsy React 的狀況並與其他 library 做小小比較。

react.js react.js form · 留言


Formik and Yup

Formik and Yup。

react.js react.js form · 留言