#React

85 件の記事

React基礎講座 #13 カスタムフック
読了 8分

React基礎講座 #13 カスタムフック

コンポーネント間でロジックをエレガントに共有するツール、カスタムフックの作り方とよく使われる例を見ていきます。

React基礎講座 #12 useContext
読了 7分

React基礎講座 #12 useContext

prop drilling 問題を解決するツール、React Context API と useContext フックの使い方を学びます。

React基礎講座 #11 stateのリフトアップ (lifting state up)
読了 8分

React基礎講座 #11 stateのリフトアップ (lifting state up)

2つの兄弟コンポーネントが同じデータを共有する必要があるときに使う中核パターン、stateのリフトアップを学びます。

React基礎講座 #10 useEffect
読了 10分

React基礎講座 #10 useEffect

コンポーネントの外部とインタラクションするside effectを扱う標準ツール、useEffectフックの動作とよくあるパターンを見ていきます。

React基礎講座 #9 フォームの扱い (controlled inputs)
読了 9分

React基礎講座 #9 フォームの扱い (controlled inputs)

Reactでフォームを扱う定石パターンであるcontrolled component、そしてtextarea/select/checkbox/radioなど様々な入力要素の扱い方を整理します。

React基礎講座 #8 リストとkey
読了 8分

React基礎講座 #8 リストとkey

配列を画面にレンダリングする方法と、その際必ず登場するkey propの意味、そしてインデックスkeyの落とし穴を見ていきます。

React基礎講座 #7 条件付きレンダリング
読了 7分

React基礎講座 #7 条件付きレンダリング

状態に応じて画面の一部を見せたり見せなかったり、別の姿に変えたりする様々な条件付きレンダリングパターンをまとめます。

React基礎講座 #6 イベントハンドリング
読了 8分

React基礎講座 #6 イベントハンドリング

Reactのイベント処理方式と合成イベント、ハンドラの記述パターン、イベントオブジェクトから情報を取り出す方法を見ていきます。

React基礎講座 #5 StateとuseState
読了 8分

React基礎講座 #5 StateとuseState

コンポーネントが変わりうるデータを扱う方法、stateの概念とuseStateフックを学びます。

React基礎講座 #4 コンポーネントとprops
読了 9分

React基礎講座 #4 コンポーネントとprops

Reactの核心単位であるコンポーネントを作って画面を小さな断片に分け、propsでデータを渡す方法を学びます。

React基礎講座 #3 JSXとは何か?
読了 7分

React基礎講座 #3 JSXとは何か?

Reactコンポーネントを書くときに使う特殊な構文、JSXの基本構文とルールを見ていきます。

React基礎講座 #2 開発環境の設定 (Node.js + Vite)
読了 7分

React基礎講座 #2 開発環境の設定 (Node.js + Vite)

本格的にコードを書くためにNode.jsをインストールし、Viteで初めてのReactプロジェクトを作って開発サーバーを立ち上げてみます。