Hi, everyone. My name is Nitin, and welcome to my course on Implementing Forms in React. I am a freelance full stack developer, and I help my clients in quickly launching their product ideas to the market. Forms are the primary mode of collecting user input on web apps for React developers like you. This means that the forms you add to your apps need to be flawless, as a poorly implemented form can not only lead to bad user experience but also data loss. In this course, we are going to deep dive into all the concepts that you need to understand in order to add high‑quality forms to your React applications. Some of the major topics that we will cover include understanding differences between controlled and uncontrolled forms, implementing forms using libraries like Formik and React‑Hook‑Form, adding data validation to your forms using libraries like Yup, and creating reusable custom form elements. By the end of this course, you will be very comfortable creating forms in React that can not only support a wide variety of user inputs, but are smooth, consistent, and airtight when collecting data from the user. Before beginning this course, you should be familiar with the basics of React. I hope you will join me on this journey to learn React with the Implementing Forms in React course, at Pluralsight.
Implementing Forms in React
Forms are the primary mode of collecting user input on web apps. In this course, Implementing Forms in React, you will learn to create forms for your web app that are not only performant, user friendly, and consistent but are built using components that are reusable and have rock solid data validation.
First, you will explore how a basic form works with Vanilla React and how to manage its state and handle user input. You will also see how to create a form using a library called Formik to avoid writing a whole lot of boilerplate code that is needed when using Vanilla React.
Next, you will explore adding sync and async data validation to your forms using the various mechanisms provided by Formik and how to create custom self-sufficient form elements that can be reused across screens in your app to provide that consistent look and experience to the end user.
Finally, you will learn how to implement uncontrolled forms and alternative ways of implementing forms that rely solely on uncontrolled components like the React Hook Form library and what advantages that brings.
When you are finished with this course, you will be very comfortable creating forms in React that can not only support a wide variety of user inputs but are smooth, consistent, and air tight when collecting data from the user.
Test-driven Development Using React
First steps with React.js
Build a Quiz Component with React