React– category –

React + Reduxを使ってメモアプリを作成していきます。前準備・表示・新規作成・一覧表示・一件取得・一件更新・一件削除・情報保持・完成版という順でやっていきます。部分部分でコードを書いてありますが、分からなくなったら完成版を見てもらえればと思...

メモアプリ完成版ということで、全部のコードを載せておきたいと思います。動かない場合や参考になれば幸いです。*ディレクトリ「src」以下のファイルの編集になります。 【ファイル名】 action/index.js // アクション定義 export const READ_MEMOS = "RE...

一件更新⑥からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-six/一件の削除ができるところまでいきます。(デザインはないです。) ファイルを編集 ＊コードの重複部分もありますが、どこに記載していいかを分かりやすくしたくて重複部...

一件取得⑤からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-five/一件の更新ができるところまでいきます。 ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありますが、どこに記載してい...

新規作成④からの続きをしていきます。https://kazunaka.com/react-redux-memoapp-four/一件の取得ができるところまでいきたいと思います。 ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありますが、どこに...

新規作成③からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-three/一覧が表示できるとこまでやっていきたいと思います。 ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありま...

表示②からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-two/ ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。＊コードの重複部分もありますが、どこに記載していいかを分かりやすくしたくて重複部分...

準備①からの続きをしていきたいと思います。https://kazunaka.com/react-redux-memoapp-one/ ファイルを編集 ディレクトリ「src」以下のファイルを編集していきます。actions/index.jsを編集していきます。メモのアクションを書いていきます。まずは表示が...

reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ メモアプリの全体の流れが知りたい方はこちらを見てください。https://kazunaka.com/react-redux-memoapp-zero/ 前準備 インストール未の方はこちらをインス...

前回の記事でカウントアプリをReactバージョンとhttps://kazunaka.com/react-count-app/React + Reduxバージョンhttps://kazunaka.com/react-redux-count-app/を作成しました。どちらも同じ動きをしますが、Reduxの方がごちゃごちゃして分かりづらいかと思...

reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ 前準備 今回「redux, react-redux」を使うので、インストール未の方は以下を実行してください。分からない方はとりあえずinstallを実行してもらって問題ない...

reactの環境設定がまだな方はこちらからお願いします。https://kazunaka.com/react-helloworld/ プロジェクトの作成 コマンドでcreate-react-appを実行して、プロジェクトを作成していきます。 $ create-react-app count_app 「Success!」が表示されたらプ...

面倒な環境設定。既にインストール済みの場合もあると思います。バージョンの確認をしてインストール済みかどうかを確認してください。 Node.jsのインストール 下記のURLをクリックします。https://nodejs.org/ja/LTS版をダウンロードインストールが完了し...