何を見るべきか
React、Next.js、TypeScriptは同じものではありません。役割を分けて理解することが重要です。
QiitaのTypeScriptタグでは、JavaScript周辺技術を整理する記事が人気です。初心者が混乱しやすいテーマだからです。
違い
| 名前 | 種類 | 役割 |
|---|---|---|
| JavaScript | 言語 | ブラウザで動く基本言語 |
| TypeScript | 言語 | JavaScriptに型を足す |
| React | ライブラリ | UIを部品で作る |
| Next.js | フレームワーク | ReactでWebアプリを作りやすくする |
ReactやNext.jsは言語ではありません。JavaScriptやTypeScriptの上で使う道具です。
学ぶ順番
最初はHTML/CSS/JavaScriptを学びます。次にTypeScriptで型の考え方を学び、Reactでコンポーネントを作ります。Next.jsはその後で十分です。
まとめ
周辺技術が多く見える理由は、役割が違う道具が同時に登場するからです。まずは「言語」「UIライブラリ」「フレームワーク」を分けて覚えます。
参考リソース
← 一覧に戻るPR
PR
