Skip to content
Submitted over 2 years ago

Responsive Intro component with Signup form, using React and MUI

material-ui, react, typescript
Gaurav Singh•440
@Gaurav4604
A solution to the Intro component with sign-up form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I learnt a lot about the mui framework for react, module augmentation and custom module declaration files, in typescript. Using the themeProvider to abstract out the styling logic from the code logic helped a lot. Also, the input component itself is modular and base props such as

  • validation function
  • placeholder
  • helperText
  • inputType need to be provided, which make it easier to modify for different use-cases, while also providing client side validation for the form input

I am looking forward to getting feedback on

  • how to make a UI framework SEO friendly
  • reduce the bundling size
  • increase styling code reuse, in CSSinJS
Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Gaurav Singh's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord