react-hook-thunk-reducer VS react-final-form

I've been playing around with useReducer and useContext and it was trivially easy to implement a functional action/reducer system that worked just like redux but glued together with react built-ins. I'm also not sure what the difference between a custom hook and a middleware is, they seem like the same thing to me. Custom hooks are easy to implement, for example here's the equivalent to a thunk "middleware": https://github.com/nathanbuchar/react-hook-thunk-reducer/blob/master/src/thunk-reducer.js. You can keep wrapping your reducer in as many custom hooks as you like to handle whatever side-effects you need, just like you can with redux middleware.

react-final-form​

4: Final Form

If you like form libraries, quick plug for Final Form, which was made by the same folks who did Redux Form. It's render engine agnostic (works on react, angular, vue) but has a way better api than formik, and handles custom input components better than RHF.

It's the most popular React library for creating forms compared to formik, react final form, and others, and I use it for all my client projects.

Another library that does this is react final form, but RHF has better typescript support, works using hooks, and has some excellent documentation.

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

For a forms-heavy application I wouldn't hesitate to pick some popular library, like React Hook Form, React Final Form, or Formik. But for a simple website with a single “Contact Us” form? I'd try to keep things light.

React final form is very complete

I’ve tried lots of form libraries, but none solve the burden of easy, rapid form building as well as RJSF does.