アーカイブ:2021年 1月
-
事前準備 model側 [crayon-63e006c3083fa019997991/] locales側 [crayon-63e006c308407885767349/] 実装 インスタンスメソッド(Enumの個々の値を操作す…
-
JavaScriptのモックサーバーには「json-server」というのを使うのも一つの手段になります。 インストール [crayon-63e006c308f50926216012/] jsonを用意 これがモックサーバーから返さ…
-
【JavaScript】「ESLint」について
01.24
ESLintとは? JavaScriptのための静的検証ツール。コード実行前にバグを見つけたり、カッコやスタイルと統一したりするために使う。Node.js8.10.0以降を利用して実行できる。 特徴 全ての検証ルールを自由にon/of…
-
src/index.jsとは? Reactのエントリーポイントです。 import import文 説明 import React from 'react'; Reactを利用する場合は必須 …
-
ライフサイクルとは? コンポーネントがマウント(描画)されてからアンマウント(破棄)されるまでの過程のことです。 フェーズ マウント 更新(マウントしたコンポーネントを更新) アンマウント フックのルール コンポーネント外でフ…
-
【JavaScript】「lodash」について
01.24
lodashとは? 例えばAPIの戻り値として下記のような配列があったとします。ただ、この形式だとidが2のデータが欲しいとなったときに配列をフルスキャンしなければなりません。 [crayon-63e006c309ede23275997…
-
【redux】redux-thunk
01.24
redux-thunkとは? actionCreatorで関数を返せるようになる。 非常にシンプルで、ActionCreater内部のロジックで非同期処理を実行できます。通常、ActionCreatorはピュアなオブジェクトを返さないと…
-
【Redux】概要
01.23
Reduxの概要 コンポーネントのサイズが大きくなった際や複数コンポーネント間で状態を管理や共有するために使用される2015年に公開された状態管理ライブラリです。 メリット 特定のコンポーネント配下にstateをおかないので、再レンダ…
-
【React】「props」について
01.23
propsとは? 親コンポーネントから子コンポーネントにデータを受け渡しすることができる機能のことです。 思想 propsは変更不可能なイミュータブルな値です。値を変更することはReactの思想に反して予期せぬ動作に繋がるので避けまし…
-
【React】「Component」について
01.23
ReactのComponentには2種類あります。今はファンクショナルComponentで作るのが普通です。 ファンクショナルComponent クラスComponent コンポーネントの規則 コンポーネント名の先頭…