ReactドキュメントのQuickStartを読みたい

[a-pompom]

読む https://react.dev/learn

[a-pompom]

QuickStartは、Reactで日々使う基本の8割程度を網羅。Reactで何ができるかざっくり把握するのが目的か。

Creating and nesting components

コンポーネントとは、機能や見た目を内包したUIの一塊。 コンポーネントを単位に機能を組み立てることで、複雑なUIをシンプルなコードで実現できるようになることを目指す。

Writing markup with JSX

JSXの紹介。

Adding styles

class属性をJSXで指定したい。

Displaying data

JSXに式を埋め込みたい。

Conditional rendering

条件に応じて描画するコンポーネントを切り替えたい。

Responding to events

イベントハンドラを渡したい。 イベントハンドラはJSXを描画するタイミングではなく、ユーザイベントで発火するので、関数そのものを値として渡す。

Updating the screen

状態の変化を描画したい。

Sharing data between components

propsで値をやり取りしたい。