• ホーム
• 2021年

アーカイブ：2021年 6月

1. 06.20

   【JavaScript】「HTTPクライアントライブラリ」の比較(axios、fetch)、導入方法など

   axios ブラウザや、Node.jsで動くAjaxリクエストを送るためのPromiseベースのHTTPクライアントです。 404などエラーを受け取るとcatchできる。 GitHubスター数が多い。 メリット …

   • JavaScript
   • コメントを書く

2. 06.20

   【JavaScript】「APIモックライブラリ」の比較

   MSW(Mock Server Worker) RestとGraphQL両方に対応している。 Service Workerがブラウザリクエストをインターセプトして、任意のレスポンスを返せる。 SSR/CSRの両方に対応…

   • React
   • コメントを書く

3. 06.20

   【React】基本(インストール、設定、Error Boundaryなど)、「react-router」について

   概要 2013に公開されて2017年にライセンスを得てオープンソースライセンスに受け入れられました。Facebook社が開発しました。 特徴 仮想DOMの採用で高速で動作する。 採用事例 下記のようなサービスで採用されています。 …

   • React
   • コメントを書く

4. 06.13

   【React】「Redux Tool Kit」のテスト

   各コンポーネントからuseDispatchなどでRedux Tool Kit内のReducer関数を呼び出したり、useSelectorでstateを参照したりすると思いますが、RTK独自の構文になるのでRenderでそのまま呼び出そうとし…

   • React, Redux
   • コメントを書く

5. 06.13

   【React】「ページ遷移」のテスト

   コンポーネント内でページ遷移のテストをする方法です。 react-router-domをモック化する方法 react-router-dom自体をjestでモック化します。ただ、この方法だとwithRouterとかがコードに記述…

   • React
   • コメントを書く

6. 06.06

   【React】「React Query」の「useMutation」について

   useMutationとは？ React Queryでデータを登録・編集・削除したりする場合に使います。AXIOSなどのHTTPライブラリの代替プラスキャッシュ機能を持っている感じです。 動きとしては、APIでバックエンドのデ…

   • React
   • コメントを書く

7. 06.05

   【React】「React Query」の「useQuery」、ステータスについて

   インストール react-qureryとdevtoolsをインストールしておくと便利です。 [crayon-6513797f05aad976065286/] react-query-devtools 導入するとブラ…

   • React
   • コメントを書く