タグ

ブックマーク / zenn.dev/syu (2)

  • 【リソース取得APIの比較】fetchとaxiosの4つの相違点

    fetchとaxiosはどちらも外部リソースを取得するためのライブラリーで非同期で動くためPromise型を返します。 似ているライブラリーですが、主に4つの違いがあるのでそれぞれを解説してきます。 インストール方法 HTTPメソッド通信 JSONデータの取得方法 エラーハンドリング 1.インストール方法 fetchはブラウザの標準ライブラリーでインストールせずに使うことができます。 一方、axiosはインストールが必要です。以下のコマンドで取り込むことができます。 yarn add axios npm install axios そして、モジュールのインポートも必要です。 import axios from "axios" 2.HTTPメソッド通信 HTTPメソッド通信毎の呼び出し方がfetchとaxiosで異なります。 fetchによるPOST通信 fetchでPOST通信を行う際は第

    【リソース取得APIの比較】fetchとaxiosの4つの相違点
  • useEffectのちらつきを無くしたいときの対処法【useLayoutEffect】

    useEffectを使っていると初期表示時のちらつきが気になりますよね。そんな時に使えるのがuseLayoutEffectです。 なので、この記事ではuseEffectとuseLayoutEffectの違いについて解説します。 useLayoutEffectとuseEffectの違い useEffectとuseLayoutEffectはコールバック関数が実行されるタイミングが違います。 useEffect ステータスを変更して、再レンダリングする Reactはレンダリングを開始する 画面に描画する useEffectを実行 useLayoutEffect ステータスを変更して、再レンダリングする Reactはレンダリングを開始する useLayoutEffectを実行 画面に描画する つまり、useEffectは画面に表示された後に実行されるが、useLayoutEffectは画面に表示さ

    useEffectのちらつきを無くしたいときの対処法【useLayoutEffect】
  • 1