Reactの特徴について

これまでjQuery等で行っていた直接DOMを操作するような記述は「命令的なview」という。
一方Reactは「宣言的なview」を採用しており、データさえ与えていれば勝手にviewが変わるようになっている。こちらの方がメンテナンスをしやすい！

従来であればページ単位で開発をしていたため、「ページ①」「ページ②」で同じコンポーネントがあったとしても同じ実装をしなくてはいけない。
しかしReactではコンポーネント単位で開発をしており、簡単にいうと部品を組み合わせて実装を行うため、何度も同じ実装をする必要がない。

Nodeを使ってSSRができたり、React Nativeを使ってモバイルアプリを作ることもできる。

①コンポーネントを使い回せる
②変更があった場合は、一箇所のみの修正でOK
③propsを使えば一部アレンジを加えてコンポーネントに利用ができる
④状態や再レンダリングを管理してUIを作っていける

pages

pagesディレクトリの中にあるindex.jsがメインページ。
例えばこのディレクトリの中にabout.jsを作成したら、/aboutでabout.jsを表示することができる。

これがNext.jsの機能で自動的に反映される。