Labels:  JavaScript, ReactNative 投稿者：mori-dev

React Native で Firebase Realtime Database を試した

2017.09.30

• いいね！ 0
• ツイート 3
• 0
• B! はてブ 1

森です。今、「Firebase もくもく会（初心者向け）」に参加しています。React や redux のステートを Firebase Realtime Database に保存したら便利なんじゃないかなーと思っていたので、試しました。なおドキュメントはそんなに読み込んでいません。

試した内容

• 「追加」を押下で +1 した結果を表示する
• データは Firebase Realtime Database に保存する
• リロード時には Firebase Realtime Database に保存している値を表示する
• オフライン対応している

成果

• https://github.com/mori-dev/sandbox-rndb/commits/master

▼ 雰囲気

気づいたコツ

• いつもであれば、setState するところで、Firebase Realtime Database にデータを送信する
• Firebase Realtime Database からのデータを変更したよイベントをリスンしておいて、そこで setState する

へー、なるほど。使ってゆきたい、というかんじ。