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

• JavaScript
• コメントを書く

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

• React
• コメントを書く

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

• React
• コメントを書く

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

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

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

• React
• コメントを書く

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

• React
• コメントを書く

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

• React
• コメントを書く

React Queryとは？ 2020年2月にリリースされた。 リリースノート バージョンリリース日説明342022/4React18に対応した。suspenseなどと組み合わせる実装が増えてます。 SWR …

• React
• コメントを書く

Reactのパフォーマンス改善対策には、主に2つあります。 1.サーバーからのデータ取得回数を減らす キャッシュをすることが重要。従来のuseContextやReduxはキャッシュのメカニズムを持っていない。 近年登場し…

• React
• コメントを書く

Reduxで非同期の場合のSliceの作り方は下記のようになります。 [crayon-688e04531dc1d322020509/] createAsyncThunk 従来のreduxだとredux-thunkなどのミドルウェアで行…

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