【React】SVGアイコンを使用する方法
Reactで独自で作成したSVGアイコンや無料のアイコンサービスなど使用する方法を紹介します。
ReactでSVGアイコンを使用する方法他にも以下のように手軽に使えるやり方を紹介しています。
【 ...
【React】Redux toolkitの使い方(Slice作成、Redux Dev Toolsでstateを確認)
ReactでReduxを使う方法を紹介します。
ReactでReduxを使う方法公式の手順は以下にあります。
実際はReactを作成してからReduxをいれることが多いと思うので、
【React】Reduxの仕組みを1分で理解する
Reduxを理解するために、まずは仕組みを理解しましょう。
Reduxの仕組みを３分で理解する引用:
上の図は、Reduxの公式サイトより引用しているものです。
上の図にで
【React】Reduxが意味不明、、、そもそも何？なんで使う必要があるの？Redux不要論について
Reactを使うとほぼ必ず出くわすReduxについて、所見では意味不明で学習したくなくなる場合も少なくないです。
Reduxってそもそも何？なんで使う必要があるの？という点について理解して、
Red ...
【React】カスタムフックの作成と使い所と実例
Reactのカスタムフックの作成方法と使い方を紹介します。
ReactのカスタムフックとはuseStateなどのReact Hookを内部で使っている関数(フック)のことをカスタムフックといいます。
【React】useEffectとuseLayoutEffectの違い
ReactのuseEffectとuseLayoutEffectの違いを紹介します。
ReactのuseEffectとuseLayoutEffectの違いまず、前提として、useEffectとuseLay ...
【React】useEffectの第二引数の使い方と活用事例と無限ループの注意点
ReactのuseEffectの第二引数の使い方と活用事例と無限ループになってしまう注意点を紹介します。
useEffectの第二引数の役割useEffectの第二引数は、依存配列と呼ばれます。
【React】useEffectで初回のみ(1回だけ)実行させる方法と実例
ReactのuseEffectで初回のみ(1回だけ)実行させる方法を実例とともに紹介します。
ReactのuseEffectで初回のみ(1回だけ)実行させる方法実例こちらは、setInterv
【React】useContextをいつ使う？別ファイルとデータ共有や再レンダリングについて
ReactのuseContextについて、使い方や、いつ使うのかといった情報を共有します。
また、useContextを使って別ファイルとデータ共有の仕方や再レンダリングについても紹介します。
【React】useReducerを使って四則演算の結果を表示するアプリ作成方法
ReactのuseReducerを使って四則演算の結果を表示するアプリの作り方を紹介します。
数字を変更したときも、四則演算のタイプを変更したときもリアルタイムで計算結果が変わる簡単なアプリです。