ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

thumbnail

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

React Native で Firebase Realtime Database を試した

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

試した内容

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

成果

▼ 雰囲気

気づいたコツ

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

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。

PHPエンジニア
Rubyエンジニア
サーバーサイドエンジニア
SREエンジニア
フロントエンドエンジニア
その他採用情報

関連記事

thumbnail
某お笑い番組っぽい結果発表シーンを JavaScript CSS で再現してみた

tsuyoshi(@numanomanu)です。ランサーズアドベントカレンダ−3日目の記事です。前回 React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 を書いたので、今回も引き続き javascript 周りについて書きました。 …

thumbnail
SEOフレンドリーな無限スクロールの実装方法

飲み物は常温派のota(@purratto)です。自動販売機で常温のものも販売してくれればいいのになあ、と常々思っています。 ランサーズストアでSEOフレンドリーな無限スクロールをjQueryで実装しました。 サンプル向けに一部修正したコードを公開します。参考 …

thumbnail
React コンポーネントで自分の子要素を取得するときのイディオム

森です。 課題 React コンポーネントで自分の子要素を取得するときに、ref=”payjpCheckoutRef” などと指定しておいて、findDOMNode(this.refs.payjpCheckoutRef) していたら、e …