Ract Nativeでアプリ作る

yugo matsumoto
Feb 25, 2017 · 3 min read

初めて書くがとりあえず、タイトル通り。
React Nativeは以下RNとする。

普段はフロントエンドがメインで、覚えたてのbackbone.jsを使ったり、
ふつーのHTML,CSSを触ったりする。広い定義でのフロントエンド。

今回、縁あって10年ぶりにあった友人と会社を始めることになったので、(正確にはすでに始まっていたが)
とりあえず、名ばかりのCTOとしてアプリ制作をすることになった。

もともとのアプリは存在していて、
monaca(https://ja.monaca.io/)で制作されていたが、
個人的興味があった、挙動に若干の難がある、ちょっと触ってみたけどRN楽しいといった理由で、RNで作り変えることにした。

制作するにあたって、いろいろと調べた。
現段階で使用しているものをリストアップする。

https://github.com/aksonov/react-native-router-flux
デフォルトでのルーティングの難しさに絶望して導入
結構starも多く、安心していたが最近動きが悪い。
致命的なバグもある。
https://github.com/aksonov/react-native-router-flux/issues/1466
これにはだいぶ困った。一瞬前の画面がでてくる。
昔から言われているようだが直らない。
上記のissueの方法で対策はとれた。duration驚き!

https://github.com/oblador/react-native-vector-icons
特に困ったことはない。
ありがとうございます。アイコンもたくさんあって助かってます。

https://github.com/react-native-community/react-native-navbar
あんまり使わないほうがいいような気がしているが、
これを使うと割りと自由にnavbarをいじれるので使っている。
使用方法があまりにもお粗末なので、あとで使用方法から直したい。

https://github.com/reactjs/redux
学習がてらなので、最初は使用しなかった。
やっていくうちに、propsのバケツリレーつらくね?の壁にぶち当たったので導入。概念理解が難しい。なんとか使えてる程度。

導入予定なのも挙げておく。

https://github.com/facebook/immutable-js/
Reducerがひたすら増えていくことが嫌だなっと思ったら、
これで解決できるような記事が多数見つかった。
facebookごいすー。

テスト的に利用しては、消していくものもあった。

https://github.com/vitalets/react-native-extended-stylesheet
あんま意味ないし普通にstyle書くことにした。

あ、firebaseめっちゃ気になってます。
眠れないので初投稿した。
開発者ブログ的な感じでやっていきたい。

    yugo matsumoto

    Written by

    ゆーご・まつもと

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade