React

ReactでReduxでクリックしたら複数のdispatchを実行する方法を紹介します。

ReactでReduxでクリックしたら複数のdispatchを実行する方法import { useDispatch, ...

React

Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法を紹介します。
TypeScriptの使用した場合の書き方、React.memoを使って再レンダリングを防ぐ方法、PropTyp ...

React

Reactでアコーディオンを作成する方法を紹介します。
Q&Aを例にアコーディオンを実装します。

Reactでアコーディオンを作成する方法import { AiOutlinePlus, Ai ...

React

ReactでSwiper（スライダー）を使う基本的な方法を紹介します。
また、より発展的にテストモジュールデータのメモ化やSwiperモジュールの読み込みを動的インポートに切り替える方法も紹介しています。 ...

React

Reactで簡単にタイピングアニメーションを実装できるreact-typicalの使い方を紹介します。
reactのバージョンが15か16しか対応していませんが、v17, v18以上で使う方法はあるので合わ ...

React

Reactに限った話ではありませんが、ネイティブのJavaScriptのSetを使って配列の重複削除して、ユニークな値だけを取り出す方法を紹介します。
配列の中にオブジェクトがあり、そのカテゴリー名でフィル ...

React

Reactで独自で作成したSVGアイコンや無料のアイコンサービスなど使用する方法を紹介します。

ReactでSVGアイコンを使用する方法

他にも以下のように手軽に使えるやり方を紹介しています。
【 ...

React

ReactでReduxを使う方法を紹介します。

ReactでReduxを使う方法

公式の手順は以下にあります。

実際はReactを作成してからReduxをいれることが多いと思うので、

React

Reduxを理解するために、まずは仕組みを理解しましょう。

Reduxの仕組みを３分で理解する

引用:

上の図は、Reduxの公式サイトより引用しているものです。
上の図にで

React

Reactを使うとほぼ必ず出くわすReduxについて、所見では意味不明で学習したくなくなる場合も少なくないです。
Reduxってそもそも何？なんで使う必要があるの？という点について理解して、
Red ...