Multi Step Form With React & Material UI

In this project we will build a React multi step form with multiple componenets including user & personal details, confirmation and success. We will use Material UI as well

Code:

React Course: $9.99 Promo Code

Sponsor: Synology

Carlos Mafla YouTube Channel:

💖 Become a Patron: Show support & get perks!

Website & Udemy Courses

Follow Traversy Media:

[SimPwear]

I am a dev from South Africa and my career would not be where it is today if I have never found this channel. I relate with you more than most youTubers. Thanks for all your hard work and dedication to your viewer and follwers. Great things are still coming your way.

[frfou]

you could also make your handleChange function so that it doesn't have to take an input paramtere
change = e => {
this.setState({
[e.target.name]: e.target.value
});
}


so then in your TextFields
you'd have

name='email'
onChange={handleChange}

for all of them, no need to be explicit about what text field gets changed, as the name prop already states that
(this works for normal <input> elements, probs should work for the material ui TextField too)

[meredithgrubbs]

Just want to say that I so appreciate your channel! I started out not knowing anything about web development and began teaching myself at the beginning of the year. Most of my learning process I've been watching your videos and doing my own side projects. It feels so good to be at the point where I can learn React. Thanks for all you do & I look forward to learning more and growing my budding freelancing career.

[tamirpolyakov]

I have watched your react crash course (amazing tutorial) and now I am just watching everyone of your react videos in the React Projects playlist

[ojface]

Even before the 4 minute mark, i was very impressed on how you explained this as well as show it visually in the component tree along with listing the methods being used. Seeing this visually makes a world of difference when it comes to seeing how this all works, bravo sir!

[erdembileg]

Thanks to you, my comprehension to Material UI with ReactJS has fulfiled, now I am able to build ReactJS Projects with beautiful design quickly. Thank you so much Brad

[jimmyvasquez]

Thanks! You saved my life, You helped me to understant the logic between Parent and child, so I could finish the project using your logic and the Material UI Stepper

[hrafaelveloso]

That's the biggest coincidence I had! I just finished building my API to do one user registration using one multi-step form, and now I was building my frontend with React and MaterialUI, and then I received this notification. Just amazing!!!

[amidavdev]

I wish this guy is my teacher where I study now. Perfect!

[madhusudhananpadhmanaban]

One of the best YouTube tutor I have ever seen. Your videos on almost all technologies are awesome. Thanks a lot

[ayberkyigit]

you can't imagine how I am grateful for such tutorials man you are god sent.

[sixft-guy]

Thank you so much. I followed all the steps and the project ran really well. You have helped me a lot. You're awesome. Keep up this good work for tutoring.
Have a lovely day!

[devonrusinek]

For this tutorial it's fine, but if you're going to go out on your own and build something, you may find trouble with the material-ui installed in this tutorial.

[hoeangeru]

I'm developer from Central América (El Salvador) i'm student too, thank you very much for this video is gold.

[klightwworld]

Traversy is actually the best teacher on the YouTube, God bless your hard work in Jesus name.

[nilupulheshan]

I put my resume as " Trained by @Traversy Media" and get all JOBS. Thank you, sir...

[invictuz]

Awesome simple example! So great that you started by showing the end result so I know whether or not this video was what I was looking for.

[Ecdetails]

Thanks Brad, looking forward for the back end piece, i am going through the react course now and this was fun to break/rebreak and figure it out

[miratechsolutions]

Commands used in this video:
npx create-react-app .
npm i material-ui
npm start

[malikgeniusu]

Your Video and Synology both are awesome, i am using synology from long time and its awesome, never had an issue with it.