devmeetings-react-ts-fork
  • Devmeeting React + Typescript
  • Speed dating
  • Typescript
    • It's just JavaScript
    • Basic types
    • Typing objects
    • Typing functions
    • Modules
    • Generics
    • Tasks
  • Hello React
    • Quick look around
    • The first component
    • JSX
    • Tasks
  • Components & Props
    • Small components
    • Passing data to a component
    • Loops in JSX
    • Tasks
  • Stateful components
    • Handling events
    • Components with internal state
    • Talking to a parent component
    • Smart and dumb components
    • Before the break
    • Tasks
  • Side-effects and context
    • Side-effects
    • Prop drilling
    • Using context
    • Tasks
  • What's next
    • Styling
    • Learning component's lifecycle
    • State Management
Powered by GitBook
On this page
  • 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

Was this helpful?

  1. Hello React

Tasks

PreviousJSXNextComponents & Props

Last updated 5 years ago

Was this helpful?

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 for user data - just copy it over to your code.

randomuser.me