React + Reduxでメモアプリを作成

React + Reduxを使ってメモアプリを作成していきます。

前準備・表示・新規作成・一覧表示・一件取得・一件更新・一件削除・情報保持・完成版
という順でやっていきます。

部分部分でコードを書いてありますが、
分からなくなったら完成版を見てもらえればと思います。

では、前準備からやっていきましょう。

前準備

あわせて読みたい

React + Reduxでメモアプリを作成(準備①) reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ メモアプリの全体の流れが知りたい方はこちらを見てください。https://k...

表示

あわせて読みたい

React + Reduxでメモアプリを作成(表示②) 準備①からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-one/ ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。ac...

新規作成

あわせて読みたい

React + Reduxでメモアプリを作成(新規作成③) 表示②からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-two/ ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊...

一覧表示

あわせて読みたい

React + Reduxでメモアプリを作成(一覧表示④) 新規作成③からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-three/一覧が表示できるとこまでやっていきたいと思います。 ファイルを編集...

一件取得

あわせて読みたい

React + Reduxでメモアプリを作成(一件取得⑤) 新規作成④からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-four/一件の取得ができるところまでいきたいと思います。 ファイルを編集 ディレクトリ...

一件更新

あわせて読みたい

React + Reduxでメモアプリを作成(一件更新⑥) 一件取得⑤からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-five/一件の更新ができるところまでいきます。 ファイルを編集 ディレクトリ「src」以...

一件削除

あわせて読みたい

React + Reduxでメモアプリを作成(一件削除⑦) 一件更新⑥からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-six/一件の削除ができるところまでいきます。(デザインはないです。) ファイルを編集 ...

情報保持

あわせて読みたい

React + Reduxでメモアプリを作成(情報保持⑧) 機能的にはメモは完成しましたが、このメモにはまだ致命的な弱点があります。ブラウザを更新したら追加したメモを「忘れる」ということです。余裕のある方は+αで「メモ...

完成版

あわせて読みたい

React + Reduxでメモアプリを作成(完成版) メモアプリ完成版ということで、全部のコードを載せておきたいと思います。動かない場合や参考になれば幸いです。*ディレクトリ「src」以下のファイルの編集になります...