Tasks

devmeetings-react-ts-fork

Search…

devmeetings-react-ts-fork

Devmeeting React + Typescript

Side-effects and context

What's next

Tasks

Hint: CSS is not the main topic here. The priority is to complete as many tasks as you can, even if it means your app looks like crap.
1. You'll only need index.tsx, App.tsx and react-app-env.d.ts files. Remove all other files and unused code - including the component code form App.tsx.
2. Create the Contact type
A contact should have a name, phone number, e-mail and address.
3. Create a simple component that displays a user contact
Hint: you can use randomuser.me for user data - just copy it over to your code.

JSX

Components & Props

Last modified 2yr ago

Copy link

Contents

1. You'll only need index.tsx, App.tsx and react-app-env.d.ts files. Remove all other files and unused code - including the component code form App.tsx.

2. Create the Contact type

3. Create a simple component that displays a user contact

1. You'll only need `index.tsx`, `App.tsx` and `react-app-env.d.ts` files. Remove all other files and unused code - including the component code form `App.tsx`.

2. Create the `Contact` type

3. Create a simple component that displays a user contact