カテゴリー：React
-
【React】バージョン「18」について
06.04
Suspenseコンポーネント データの受け取り状態を検知できるコンポーネント [crayon-633efd4f7ee2f123851753/] 任意のコンポーネント（非同期処理があるもの）が返ってくるまで待機中に表示させたいコンポー…
-
環境変数設定ファイル .env 汎用的な環境変数ファイルです。プロジェクトのルートディレクトリに配置します。 変数の定義方法 React [crayon-633efd4f7f7e1592633769/] Next.js [cr…
-
【React】「CSSの選択肢」について
03.06
ReactのCSS記述方法は戦国時代らしい。しっかり学習しておく必要がある。 Pure CSS 通常のCSSです。create-react-appした時にデフォルトで適用されているCSSでもあります。 メリット 「通常のCSS」なの…
-
【React】「React Hooks」のテスト
02.12
コンポーネントとは切り離してReact Hooks単体のテストも行うことができます。 インストール [crayon-633efd4f7fbbc411949321/] テストコード [crayon-633efd4f7fbc676040…
-
builderオブジェクトとは？ actionごとのreducerを生成する仕組み。基本的に、プログラミング言語のcase文と似たような感じのメソッドが用意されています。 メソッド ちなみに、必ず「addCase → addMatch…
-
@testing-library/jest-dom Testing libraryの拡張マッチャーです。 マッチャーの種類 toBeInTheDocument ドキュメント内に存在しているかチェックします。「getByText」…
-
【React】リリースノート
01.16
バージョン リリース日 説明 15 16 2017年9月 16.3 2018年3月…
-
【React/Redux】良い構成
09.10
共通関数 共通View向けの関数(stateのfilterなど） コンポーネントに直接記述するのではなく、以下の理由でRedux Tool KitのSliceの中に記述することが望ましいです。 各ビューで使いまわせるため。 これはそ…
-
【React】なぜイミュータブルが良いのか？
09.04
Reactでは、stateに副作用を与えて再描画することは許容されておらず常にイミュータブルにしておく必要があります。Reduxにおいても副作用による再レンダリングはできず、常にイミュータブルでないといけません。なぜでしょうか？ なぜイミ…
-
SWR とりあえず、Next.jsではこちらが推奨されている。 キーがAPIを実行するためのパラメータになっている。 戻り値でisLoadingがない デバッグツールはない。 React-Query …