セクション3では、React アプリを題材に、コンポーネント・JSX・Props・State を使って UI を「部品化→データを渡す→イベントに反応→状態で動的に更新」する一連の流れを学ぶ。 Props と children、イベントハンドラの受け渡し、useState による状態管理、条件 ...

「React」の使い方をまとめました。 1. React 「React」は、WebアプリのUIを構築するJavaScriptライブラリです。コンポーネントを定義して、ReactDOM.render()に渡すことで、DOMに反映することができます。 次のような利点があります。 ・Virtual DOMによるパフォーマンス ...

React でコンポーネントを作成すると、通常はコンポーネント ツリー内に存在します。これはほとんど問題ありませんが、コンポーネントの特定の部分をツリーの外に表示したい場合があります。 `createPortal を使用すると、モーダルを独自のコンポーネント ...

再描画による「遅い」Reactコンポーネントを速くするための方法を検討しました。追体験しながらどうぞ。 処理結果が変わるようなデータを内部に保持していないステートレスなコンポーネントを解説します。つまりthis.state ={...} を含まないコーポネント ...