React Typescript(Basics, Mobile First, Responsive)

Hello, I think somehow you have placed the incorrect link on your submission, because in the preview it shows the login to Vercel.

I have looked at the solution though and it looks very nice. But I am wondering, why would you build this in React? There is nothing dynamic in the page. Were you practicing creating components and the React application structure?

Nice job.

In a real-world situation it would probably be preferable to create separate components for your input and button in the FormEmail component.

To get better use of TS you can create your functional components like this:

// The return type of MyComponent will be inferred via React.FC
// `children` are always part of the FC props and known to TS
export const MyComponent: React.FC = ({ children }) => {
  // Component code
}

And in the case your component takes props:

interface MyComponentProps {
  name: string    // Required prop
  email?: string  // Optional prop
  age?: number    // Optional prop
}

// The return type and prop-types will be inferred via React.FC
export const MyComponent: React.FC<MyComponentProps> = ({ name, email, age }) => {
  // We know `name` MUST be set
  // `email` and `age` might be `undefined`
}

Happy coding!