Expanded

Implementing Forms in React

This course will show you how to implement forms using Formik, perform sync and async data validation, create reusable custom form elements, and implement uncontrolled components using React Form Hook.
Course info
Level
Intermediate
Updated
May 13, 2021
Duration
1h 48m
Table of contents
Description
Course info
Level
Intermediate
Updated
May 13, 2021
Duration
1h 48m
Description

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.

About the author
About the author

Nitin is an Android/iOS developer with 6+ years of experience developing products ranging from e-commerce apps to VR. He is currently changing the future of digital payments in India at Razorpay.

More from the author
Creating an API with Rails
Intermediate
1h 51m
Nov 11, 2020
Android Testing Fundamentals
Beginner
35m
Jan 27, 2020
More courses by Nitin Singh
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
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.