Live Code: Frontend Mentor Multi-step Form (Part 1)

We’ll live code this Frontend Mentor project using React and CSS.

🔗 Key Links 🔗

🌐 Connect With Me 🌐

[CodinginPublic]

Welp…predictably, I saw the problem with my reduce function right after stream. I was trying to get the name of the boolean instead of the value. Took about 2 minutes to fix. 🤦‍♂ Code in bio where I stopped.

[walkingin]

Hey there, was just wondering if you have heard of or tried out AriaKit, it's prebuilt components for React that come without styling and use the WAI-Aria patterns, to give the best accessibility on the items.

I was using it yesterday to build out a form, it also has extra nice things built into it including validation for the form, and error handling, etc.

Has buttons, and a dialog, and disclosure, etc as well. It's a great way of writing accessibility complete functionality into React. It'd be really cool to see you take a look at it in a video and try building something out with it.
Thanks for your content, I have been learning a lot from your videos and I really appreciate it.
-Christopher

[JosephCodette]

Hi, so I would had loved to do this tutorial but did not do it because of the use of React. Not that I hate (not yet at least) but I have not come around learning React just yet. Question: What makes you want to use react for this and where does react help to do this better then just using vanilla? Might be a noob question, but that's what I am :)) Looking forward to your(or anyone else) answer, it might just motivate me to get into React. Thank you for your content, cheers!

[sulemanmughal]

I love your channel i often find it hard to stick along your react coding it is a little advance for me 🥲😅this is why i visit your channel to up my react skill but oh my react plus typescript is just crazy on another lvl

[AishwarysinghEC]

What if we use route to manage navigation?

[lokeshvasnik]

How is your terminal different than mine

[sureshgharal]

can u pls make css for this as shown in design

[sulemanmughal]

so we are not sending planOptions as a prop ?

[AnkitPrajapati-nd]

After download the project it can't show anything after run the index file