Devmeeting React + Typescript
Typescript
It's just JavaScript
Basic types
Typing objects
Typing functions
Generic types
Modules
Tasks
Hello React
Quick look around
JSX
First component
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
Published with GitBook
Tasks
Tasks
1. Show/hide contact details on hover
Hint
using state and a callback, not CSS.
2. Add ability to filter contacts by name
3.
Add button that keeps the contact expanded
4.
Filter by all fields, not just name
5.
Make filtering case insensitive
6.
Add button that sorts contacts by name; clicking the button should toggle sort direction
7.
Add an icon the the button (↑/↓) to indicate sorting direction.
results matching "
"
No results matching "
"