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


一到冬季就好苦惱,臉部肌膚脫皮乾癢該怎麼辦?

過去的我,是個一年四季都用同一罐(而且只有這麼一罐)保養品的懶女孩兒,但大約到了某個年紀後發現臉部肌膚一到冬季,便會開始脫皮、乾癢,該怎麼辦呢?在這裡我想跟大家分享幾個好用的產品,遇到乾冷的冬季,試試看用這幾罐吧。


Curry,Decorator 與 HOC

從 curry -> decorator -> HOC 的漫漫長路。

react.js functional programming