React

React

【React】型チェックツールFlow

TypeScriptでもPropTypesでもないReactの型チェックツールFlowについてまとめました。 Flowは、Create React App に未対応ですので自分でinstallする必要があります。 Flowを使...
React

【React】MUIのモーダルに閉じるボタンを追加する

MUI(Material-UI)のBasic modalを使用したところ、デフォルトで閉じるボタンがありませんでしたので、MUIのBasic modalに「閉じるボタン」を追加する方法をまとめました。 閉じる機能を明示的に表現するた...
React

【React】おしゃれなloadingアニメーションライブラリ react-spinners

おしゃれなloadingアニメーションを簡単に作ることができるreact-spinnersというライブラリの存在を知りましたので、使い方をまとめました。 アニメーションはこちらの種類があります。 ...
React

【React】データの取得・保存・状態管理

こちらのReactハンズオンラーニングより学ばせていただいたことをまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Ba...
React

【React】useReducerの使い方

こちらの書籍より学ばせていただいたことをまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Banks 著出版社: オライ...
React

【React】hookを使うときのルール

こちらの書籍より学ばせていただいたことをまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Banks 著出版社:...
React

【React】useEffectによく似たhook useLayoutEffect

こちらのReactハンズオンラーニングより学ばせていただいたこと内容をまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Bank...
React

【React】useEffectについてもっと詳しく(useMemo, useCallbackも)

useEffectについて、こちらの書籍より学ばせていただいたことをまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Banks...
React

【React】ハンズオンでState管理を学ぶ

State管理について、こちらの書籍より学ばせていただいた内容をまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex...
React

【React】レーティング機能を作る

こちらの書籍での学習させていただいた内容をまとめています。 書籍の説明 書籍名: Reactハンズオンラーニング 第2版 ―Webアプリケーション開発のベストプラクティス著者: Alex Banks 著出版社: オライリージ...