アーカイブ:2021年 5月
-
05.30
【React】「React Query」について
React Queryとは? 2020年2月にリリースされた。 リリースノート バージョンリリース日説明342022/4React18に対応した。suspenseなどと組み合わせる実装が増えてます。 SWR …
-
Reactのパフォーマンス改善対策には、主に2つあります。 1.サーバーからのデータ取得回数を減らす キャッシュをすることが重要。従来のuseContextやReduxはキャッシュのメカニズムを持っていない。 近年登場し…
-
Reduxで非同期の場合のSliceの作り方は下記のようになります。 [crayon-6711fe0f76a45040326866/] createAsyncThunk 従来のreduxだとredux-thunkなどのミドルウェアで行…
-
as、any TypeScriptが提供する型安全を否定する行為であり基本的に使ってはいけない。 anyやasを使って良いケース TypeScriptのコンパイルが完璧ではなく使用を余儀なくされるケースがある。 ?(Optional…
-
useSWRとは? 「クライアントサイドレンダリング」の技術です。なので、もしブラウザでJavaScriptを無効化していたら動かなくなります。(なお、SSGやSSRやISRなどはサーバーサイドで動作するのでブラウザのJavaScr…
-
基本コンポーネント Head [crayon-6711fe0f7770d397796129/] 以下のように使います。タイトルが表示されます。 [crayon-6711fe0f77714891378647/] …
-
getStaticPropsとは? Next.js内(フロントエンド)で定義した関数が必ずバックエンドで実行される。 pages内でのみ使用可能 「npm run dev」の場合はリクエスト毎に実行される。 「n…
-
Next.jsとは? Reactのフレームワーク SSG(Static Site Generation) 日本語で言えば「静的サイトジェネレーション」の略です。事前にHTMLを生成することでSEO対策になったり、高速でサ…
-
ISR(Incremental Static Regeneration)とは? ユーザーアクセスを起点として動的に静的コンテンツを更新してくれます。 「Stale while revalidation」と言うコンセプトがベース…
-
05.08
【JavaScript】丸め誤差について
JavaScriptでは小数点同士の四則演算などをする場合は誤差が発生します。 [crayon-6711fe0f78362032322395/] 原因 コンピュータ内部で発生する「丸め誤差」というものになります。 コンピュータ内…