To type arrays, we use generics.
Suppose you want an array to only contain numbers.
This is how you type it:
const nums: Array<number> = [1, 2, 3]
You can now add numbers to the array, but if you add a string for example you’ll have an error:
We use generics often with useState
in React:
type GitHubData = {
avatar_url: string
name: string
created_at: string
bio: string
}
function App() {
const [data, setData] = useState<GitHubData>()
}
Lessons this unit:
0: | Introduction |
1: | Your first TypeScript program |
2: | Types |
3: | Typing functions |
4: | The editor helps you with type errors |
5: | Running TypeScript code |
6: | Valid types |
7: | Type aliases and interfaces |
8: | Union types |
9: | ▶︎ Typing arrays with generics |
10: | The DX of editing TypeScript |
11: | There's more... |
12: | tsconfig.json COMING SOON |
13: | Installing types COMING SOON |