react-hook-formというのを知ったので調査してみる hooksベースでUIの機能を提供するライブラリ react-hook-form.com 特徴としては他のライブラリよりハイパフォーマンスとのこと https://github.com/react-hook-form/performance-compare ハイパフォーマン…

ReactのhooksベースでUIの機能を提供するモジュールを作る・使う機会が増えてくると考えられるので、input系の要素を含むコンポーネントはforwardRef()でラップしておくのが良さそうという話を聞いた forwardRefについて理解できていなかったので調べた ja.r…

Vercel製のSWRライブラリ「SWR」を調査してみる github.com SWRは、リモートデータフェッチ用のReactHooksライブラリ 「SWR」という名前はHTTPのstale-while-revalidateに由来していて、このキャッシュ戦略に影響を受けている stale-while-revalidateについ…

loadable-componentsというワードを聞いて知らなかったので調査した loadable-components.com 何かというと Reactコード分割ライブラリ React.lazyに代わるものではありません Reactチームが推奨するソリューション どんな特徴があるかというと Library Spli…

React + Redux アプリケーションのテストを考えているときに、reduxのテストの書き方のドキュメントと、丁度以下の記事を目にしたので、自身のプロジェクトに当てはめてみる recruit-tech.co.jp 上の記事で挙げられているテストの対象は以下 Action Creator …

React 16.8で追加されたフック (hook) 機能の一つuseEffectについて調べた ja.reactjs.org useEffect useEffect(didUpdate); DOM の書き換え、データの購読、タイマー、ロギング、あるいはその他の副作用をReact.renderでやるとバグや非整合性を引き起すので…

React Concurrent Mode のSuspense機能についてのお話を聞く機会がありそうなので、事前準備として下のドキュメントを読んでまとめる ja.reactjs.org React 16.6 で、レンダー可能になる前のロード中状態（スピナーのようなもの）を宣言的に指定することがで…

まだ安定版には入っていないReactのConcurrent Mode についてお話を聞く機会がありそうなので、事前準備として下のドキュメントを読んだまとめ ja.reactjs.org Concurrent Modeとは？ React アプリケーションをレスポンシブに保ち、デバイスの能力やネットワ…

react.jsプロジェクトでGoogle Map APIを使用してMAPを表示し、さらに以下の操作をしたかったので調査した オリジナルのマーカーの作成 ズームインアウトボタンの場所変更 マーカーをクリックして吹き出しを表示する 最初に Google Map API を利用するために…