プログラミングをするときに意識すると良いだろうな、と思うことです。

まず必要な部品を洗い出して、それらの部品を作成する。

最後に部品をつなぎ合わせてひとつのアプリケーションを作る。

一気に全体を書き ...

React の hook の一つである useCallback は、子コンポーネントに渡す関数をキャッシュ化することで無駄なレンダーを避けるために使います。

useCallbak を使わない場合、コンポーネントのレンダーの ...

即時実行形式関数を書く時は以下のようにします。(アロー関数の書き方です)

const hoge = (() => {return "hoge"})();console.log(hoge);//hoge

useEffectで関数をreturnしていると、副作用のクリーンアップのタイミングでその関数が実行されます。

例えばsetIntervalをクリーンアップする時などに使用します。

このクリーンアップタイミング ...

ポーリング処理などを行っている時に遭遇する「Can’t perform a React state update on an unmounted component.」の対処方法についてです。

このエラーは、ア ...

リモートワークで平日は家からほぼでることがなくなり、体力が徐々に落ちていく日々。

しかし、仕事の合間に筋トレを続けたことでできるようになったこともあります。

仰向けに寝て、両足を浮かせて上げ下げするやつ(名前が ...

バグが起きそうなコードを知ることで、自分自身が書くコードの品質も上がりますが、他の人のコードをレビューする際のレビュー観点を増やすことができます。

例えば以下のコードをみてみます。

const age = user. ...

引数が1ならtrueを返す関数があります。

const isOne = value => value === 1;

関数を反転させる not 関数を定義します。

const not = func => {r ...

サンク(thunk)とは引数がない関数で値をラッピングしたものです。

const hoge => (_) => { return 1;}

JavaScriptでは関数の引数に関数を渡すことができるので、上記のサン ...

恒等関数(identity function)とは引数で受け取った値をそのまま返す関数です。

const identity = (any) => { return any;}

短く書くと以下ようになります。

co ...