React Native Tech Blog

supported by maricuru (旧maricuru tech blogです)

Native Moduleの作り方

決済サービスPAY.JP でモバイルエンジニアをしている tatsuyakit といいます。PAY.JPでは先日 React Native向けプラグイン をリリースしたのですが、本稿ではその中で出会ったNative Moduleを開発する際に気をつけたいポイントについて解説します。 Native M…

ReactNavigation v.5 とReduxでタブのバッジ数を管理する

この記事でやること Reduxで管理する通知バッジ数をReactNativeのボトムタブに表示させる記事です。通知バッジ数はスクリーンをまたぐ変数なので、Reduxで管理するのが良いかと思います。 こんな感じのやつです ↓↓ (この記事ではこれの簡易版を作ります) Rea…

SnapmartにおけるCameraRollから写真の複数枚アップロードの実装

自分が作っているプロダクトであるSnapmartは、スマホのアプリから誰でも手軽に写真を売り買いできるサービスです。 スマホアプリでは、カメラロールの中から写真をアップロードをする機能があります。 この写真をアップロードする機能ですが、カメラロール…

Future of React Native

この記事は Meguro.es #25 で登壇した内容です。 はじめに 最近 React Native Community の Github org の一員となりました。去年の Advent Calendar で目標を立てていたのですが、新年入って1週間足らずで達成できました。Community の一員になれた経緯は…

React Native + FirebaseのSNSログイン機能の実装(GoogleとFacebook)

どうも、サトウダイキです。 前回の続きです。React Native + Firebaseのログイン実装について記載してきます。 前回はメールアドレスと電話番号の実装をしました。 tech.maricuru.com 今回はFacebookアカウントとGoogleアカウントでのログインについです。 …

React Native + Firebaseのログイン機能の実装(メールアドレスと電話番号)

どうも、サトウダイキです。 今日はReact NativeでのFirebaseのログインの実装について書いていきます。4つの方法を実装していきます。 メールアドレス 電話番号 Facebookアカウント Googleアカウント この記事ではメールアドレスと電話番号について書きます…

ReactNativeのフォルダ構成はどうするべきか?

どうも、佐藤大生です。マリクルのReactNativeエンジニアです。 React Nativeで開発を始める時、フォルダ構成について悩むと思います。 これが正解!といったものは残念ながらありません。試行錯誤の繰り返しです。しかし、一度フォルダ構成を決めてしまうと…