If you are a web developer, at some point you will need to capture information from people who use your website or app.
One way of doing so is by using HTML forms. But there are also tons of frameworks out there that you can use to build web apps very quickly.
One such framework is React. You can bootstrap a single page application (SPA) very easily using
create-react-app (CRA). Then you can deploy it to platforms such as Netlify, Vercel, Firebase and Digital Ocean in just a couple of steps.
The main focus of this article will be on how to add Netlify form functionality to a React app bootstrapped using
create-react-app. At the end of this tutorial you will be able to:
- Quickly set up a single page app using
- Add functionality to utilize Netlify's builtin form handling feature
- Deploy the app to Netlify
- Configure the builtin form handling feature on Netlify to send email notifications whenever a form has been submitted by a client
Whether you are beginner trying to deploy your first React app or you are an experienced React developer, this article will help you learn to use Netlify's builtin form functionality without writing any server side code.
If you are an experienced React developer, you can skip the introduction and go to
step 6. If you are a beginner in React, you can follow along right from the beginning.