react-redux VS react-final-form

my guess is the react-redux is written in typescript, in the implementation the function is typed in the

UPDATE 2Watching the breaking changes of react-redux, I was able to understood that the problem was how I pass the store (breaking changes).

For example, upgrade React Redux to v8 or SWR to 1.1.0

EG, in redux, there’s connect() higher-order component. give a component new props that update whenever the a specified 'slice' of the redux store does.

Awesome! Glad this is finally out, and really looking forward to seeing what features the React team adds in follow-up releases.

FWIW, React-Redux v8 is in beta right now:

- https://github.com/reduxjs/react-redux/releases

I think it's basically ready to go, but I haven't had a chance to really test out the SSR support I added a couple months ago. I'd love to have some help testing that out.

v7 will _run_ with React 18, but v8 has been specifically reworked to behave correctly when used with React's new "Concurrent Rendering" capabilities. We've also converted React-Redux itself to TS (no more separate types package).

Ideally, I'd like to release v8 as final in the next week or two.

What you probably want, is use a form library like React Hook Form, or React Final Form (these are just examples), where each field gets controlled, and you can set their values akin to setting state with useState. Check out their documentation for methods for this.

For forms, I default to react-final-form. React-final-form comes from the creator of the redux-form library, Erik Rasmussen. He has taken lessons learned from redux-form and applied them to final-form.

In a current project for work I'm using react-final-form plus Yup for validation, final-form-arrays for the arrays stuff and final-form-set-field-data to add warnings. Other features - multipage, dependencies, side-effects, we've coded our own components based on the final-form examples. It generally works, but it's a lot of moving parts. I was wondering what the current state of the art was with other form libraries and if there were other solutions that were worth considering?

Forms are often tricky to get right with React. While there are great libraries like formik or React Final Form to do the heavy lefting for us, handling file upload still isn't always straightforward.

React Final Form is a lightweight form library written in core JavaScript that acts as a wrapper around Final Form, a form state management library. React Final Form uses the observer design pattern in which the components subscribe to specific events. npm install --save final-form react-final-form or yarn add final-form react-final-form

That being said, if you want to run through all of this to learn I think that's great, but there's plenty of really robust form solutions out there for React nowadays, like the aforementioned Formik, react-hook-form, and react-final-form just to name a few. Any of these will have the features you want/need to get a production-ready form out the door.

React Final Form

In addition, we also have great options such as Final-form and formik, the React form management solution used in React component state. As we do not need to depend on Redux for state management.

The author of Redux-Form has effectively deprecated it, and has written a follow-up pair of libraries called "Final Form" and "React Final Form" that do not depend on Redux: https://final-form.org/react