React Nativeで簡単な作業時間管理アプリ作りました。
ざっくり設計や使った技術について説明します。RN初心者の参考になると嬉しいです。
Github⇨ https://github.com/pei223/WorkRecorder
ちなみに挙動はこんな感じです。
使った技術・ライブラリ
Redux, Native Base, Realm, react-native-router-flux
設計
App.jsはreact-native-router-fluxというライブラリを使ってタブバーを使ったページ管理をします。
measure.js, analysis.js, works.jsがそれぞれ時間計測、データ集計、作業データ管理のページの役割です。
それぞれのページがActionsを使ってReduxで一元管理しているStateを変更したり、参照してレンダリングしています。(Reduxまわりはテキトーですごめんなさい)