How to add different form field types in React using the Material UI framework

In this video we continued building out our CRUD form by adding a:
- password field
- email field
- price field
- integer field
- decimal field
- phone number field

We also used react-number-format to format our price and decimal fields.

0:00 Intro
0:40 Recap of previous work
4:05 Plan for this live session
5:06 Add password field
11:23 Add email field
13:22 Add price field
23:33 Debug issues with fields
28:53 Debug and fix price field label
33:46 Debug and fix null value provided to form field
47:38 Explore field formatting options
59:04 Use react-number-format to format price field
1:04:07 Add integer field
1:07:35 Add decimal field
1:12:35 Add phone number field
1:16:40 Summary of added fields
1:17:40 Attraction of things to come!
--

Flex is the most enjoyable way to rapidly build beautiful web sites without the complexity of configuration and tooling that modern web development requires.

I'm using the following technology:
- PHP
- Laravel
- React

Join me as I build Flex from concept to a fully working app!

Follow me on Twitter for updates on my next streaming sessions.