React

React

【React】ルーティング

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

【React】コマンドいろいろ(npm、npx)

Reactで開発するにあたって使用する、知っているとよいコマンドをまとめました。 npm start などあまりにもよく使用する、知っていて当たり前のコマンドは記載していません。 npm関係 npmの最新verへのアップ...
React

【React】テスト

Reactでのテストについてこちらの書籍にて学んだことをまとめています。 ReactではテストフレームワークにはJestというツールを使用します。 Jestとは ReactのコンポーネントをNode上でテストする...
React

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

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

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

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

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

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

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

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

【React】useReducer

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

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

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

【React】useEffectによく似たhook useLayoutEffect

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