React Native

【ReactNative】Reactとの違い

ReactNativeを初めて触ってみて、Reactとの違いについて気づいた点をサクッとまとまています。 タグの違い div等のタグが異なります。 divの代替はViewになりますが、画面から...
git・インフラ・環境構築

コード整形ツールPrettierの導入と実行

コードを読みやすく整形してくれる、React開発必須のツールPrettierの使用方法についてまとめました! Prettierとは コードの見た目を整えるツールです。 具体的には以下の整形をしてくれます。 ...
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 著出版社: オライリージ...