React Typescript Material UI Form

Learn how to make a form in React using Typescript, Material UI, and Formik.

Links from video:

----

----

----

----
Follow Me Online Here:

#benawad
​
----
#benawad

[theglitchmindset]

HOT DAMN!!!! thank you for creating these videos! if you know the basics of typescript and react and material UI its not hard to follow at all! And we get to see all your prop tips! this is just what I needed. I am an entry level software engineer about 8 months in at a small company and there is just not enough people to assign me a mentor I can sit down and work with. So this is perfect!!! thanks for helping me keep my job brotha.

[epi]

More simple videos like this Ben! keep up the good work!

[mrtornado]

Hey Ben great tutorials, I also hope you'll do more with Material UI :)

[robertshawnmitchell]

Thanks! Looking forward to forms and tables!

[Fedjz]

Nice video Ben!
Hope to see more videos about Material UI :)

[madhuprasad]

npx create-react-app my-app --template typescript

This is the new CLI for typescript.

The one in the video (npx create-react-app my-app --typescript) is using javascript

[srtlarx]

Thanks for the great content Ben! I find super useful these short and practical React examples, and it's awesome how you take a moment to explain certain things like the types with TypeScript or where certain things are coming from. Would love to keep seeing from you more in-depth videos on using TypeScript together with React, Material UI and other libs. Also, what do you think about a vid on optimizing performance with formik? I've seen how when dealing with larger forms (and FieldArray) lots of unnecessary re-renders can happen if the form is structured poorly leading to input latency and whatnot.

[ShanaiAgarioMore]

Ay, it looks like I'm keeping my internship today boys. Hail Ben.

[prasadphule]

Thanks, waiting more video on same tech stack, If you add Yup it will be great to understand validation

[lexsoft]

I like Snackbars and Switch in Material UI. Whereas Foundation's switch is not interesting. However, currently I use Bootstrap 4.

[Vilarezz]

I've watched many times this tutorial and I never realized that he was @Ben Awad 😂

[jeirsenlopera]

Question, it is best use Material UI for React of materialize instead, or maybe semantic UI, how can i know which one to use in my project, what if i need add extra props to an existing component on MaterialUI?

[gallybenson]

Hi ben, I am a beginner. What did you write un your html script please ? I wrote <script src ="./App.tsx"></script>. And do I need webpack or don't ?. Your videos help me really.

[paidactor]

Thanks for video. Can you expain how you use styled components instead div, i mean how to create reusable layout for your styled components ( grid )

[andrewfranklin]

What is that vs code plugin that shows you your import file sizes?

[Mahesha]

Can you please share your opinion about Formik vs react-hook-form?

[leamon]

Thanks for the tutorial.
But how to combine the FastField with material-ui component instead?

[shangshi]

Ben, what key did you press to import MyForm automatically? or plugin?

[rockerdown]

What IDE are you using? And what IDE package do you have installed to do your code snippets? By the way, awesome video!! Thanks for the info 👍

[amr]

Hey Ben. i was wondering if you've tried formol before if so would you think of it?