-
-
Labels: JavaScript, ReactNative
React Native で Firebase Realtime Database を試した
森です。今、「Firebase もくもく会（初心者向け）」に参加しています。React や redux のステートを Firebase Realtime Database に保存したら便利なんじゃないかなーと思っていたので、試しました。なおドキュメントはそんなに読み込んでいません。
試した内容
- 「追加」を押下で +1 した結果を表示する
- データは Firebase Realtime Database に保存する
- リロード時には Firebase Realtime Database に保存している値を表示する
- オフライン対応している
成果
▼ 雰囲気
気づいたコツ
- いつもであれば、setState するところで、Firebase Realtime Database にデータを送信する
- Firebase Realtime Database からのデータを変更したよイベントをリスンしておいて、そこで setState する
へー、なるほど。使ってゆきたい、というかんじ。
ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています！
ご興味がある方は、以下URLよりご応募ください。
【中途採用】
サービスリードエンジニア
テックリード(アーキテクト)
フロントエンドエンジニア
サーバーサイドエンジニア
業務エンジニア(社内システム基盤・基幹システム)
【インターン・学生バイト】
19新卒対象サマーインターン
エンジニアインターン
その他採用情報
関連記事
-
-
React入門 2018
@takepo です。 先日、【サポーターズ勉強会】React入門 というイベントで登壇させていただきました。 その登壇の際のスライドをあげさせていただきます。 内容はReact初心者向けのものになっていてコードサンプル付きで説明させていただきました。 Rea …
-
-
redux アプリで定期実行処理を書くには
森です。redux アプリで redux-saga を使って定期実行処理を書いてみました。 要件 redux-saga で以下を実装する方法を検討しました。 定期的にステート(本稿では reducer で分割したストア)の値をチェックして何かする 定期的に A …
-
-
手軽に美しく実装！ファイルアップロード用JavaScriptライブラリ4選
ランサーズでは、現在、Webエンジニアを募集しています。 詳しくは、募集要項をご覧下さい。 こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量 …