In this course, we are going to use the redux-form package to create a form whose state is easy and enjoyable to manage.
Using redux-form, we have a resource which provides not only the benefit of integrating form state with an existing Redux application, but also being able to track the state of our form with precision in Redux Dev Tools without writing lots of boilerplate code.
Specifically, we are going to find out how redux-form ties into a React/Redux application, how to use validation both synchronous and asynchronous, applying real-world examples, effective ways of presenting important information to the user, and creating neat and reusable form components.
Working with forms can be laborious, but redux-form takes out the tedium and replaces it with an enjoyable experience creating beautifully crafted forms.
In this lesson we'll create an error boundary. We can use the new lifecycle hook
componentDidCatch to handle any errors that the components we wrap throw at us, without unmounting our entire app!
react-intl, then add it to the mounting point of our React app.
Then, we’ll use
react-intl helpers to load locales in our app, including English, Spanish and French and choose which locale data to load based on the user's browser language.
We’ll also set up and include messages files for each language, which hold all of the translated strings for our app.