Building React Forms with Formik, Yup, React-Bootstrap with a Minimal Amount of Pain and Suffering

In this article I will show you how to build a simple and straightforward form with Formik and Yup. This article assumes the reader is familiar with React, create-react-app, and npm. It will not go through the ins and outs of building a basic form or styling, the focus will be on form validation. The form includes a name, email, phone number, and URL input forms. We will use React-Bootstrap and Styled-Components to build the form.