★前回の記事
STEP 1ではFirebaseをReact+Reduxのアプリに統合していきます。Reduxの公式ページに記載されているタスク管理アプリを使用します。
Firebaseからタスク一覧を読み込んだり、Firabaseへタスクを追加したり、タスクの完了フラグを変更します。
Reduxのサンプルとほぼ見た目は変わらないですが、データベースにデータを保存しているので、ページを再読み込みしてもタスクの一覧が削除されません。
システム図は以下です。
誰でも読み込めて書き込めるアプリをまずは作ります。ユーザの認証は行いません。ユーザ認証はSTEP 2で扱います。
チュートリアルでは以下のモジュールを使用します。
- react-redux-firebase (https://github.com/prescottprue/react-redux-firebase)
- redux-thunk (https://github.com/reduxjs/redux-thunk)
それでは、STEP 1のチュートリアルを始めましょう。
★次回の記事
★目次