Help us understand the problem. What is going on with this article?

[随時追加] react-native でアプリを作る際に使っているモジュール

More than 3 years have passed since last update.

awesome-react-nativeもあるので
一通りスターがついてるプラグインを見たい方はどうぞ

https://github.com/jondot/awesome-react-native

作っているアプリ

スケジュール登録系のもの

大枠

1から自分で作るのはメンテが大変なので下記のある程度出来上がったものに
自分が行いたいものを継ぎ足すことに

一発目のアプリからきれいな形で書けるほど筋力がないので
整ったモノを真似て自分のものにしていくスタンス

https://github.com/mcnamee/react-native-starter-app

有料のもの(50$)買えばもっと色々コンポーネントついてくるみたいです

JWTでのapi処理が実装されていてすごく助かった、、
→ バックエンドは使い慣れたphpを使いたかったので

後から知ったのだが、NativeBaseなるものも良さそう。。

https://nativebase.io/

こちらもお金で色んなテンプレート買えるみたい

上記で紹介したstarter-appで使われているUIとかRoutingモジュール

  • react-native-element UIに関するコンポーネントが色々入っている

  • react-native-router-flux ルーティングに使われている

  • jest テスティングライブラリ。facebook謹製。

  • redux stateの管理に

バッチだけどラベルに

意外に見当たらなかったのでこれを使った

https://github.com/react-native-component/react-native-smart-badge

datePicker

スケジュールの登録にdatePickerは必須ですよね

https://github.com/xgfe/react-native-ui-xg/tree/master/components/DatePicker

↑ こちらと迷ったのだがUIがきれいなので下記↓を採用

https://github.com/mmazzarolo/react-native-modal-datetime-picker

まとめ

選択肢はそんなにないのだけれど
欲しいなと思ったモジュールは検索すれば大体あると思う

そのくらいにreact-nativeで開発している人も増えているんだなと

意外とラベルみたいな小さいモジュールが全然なかったことに驚いた
自分でそんくらい書けよって話ですが、jsでcss書くの嫌だし、css勉強したくなかった。。

toCとかのサービスで儲けるならアプリのリリースは必須だと思うので
色々揃ってきた今、react-nativeデビューするのはいかがだろうか

色んなライブラリに依存しまくってるので今後後方互換性のないアップデートあったら死ぬな、、笑

smith-30
engineer elmをやりたいと思っている
elm-jp
主に日本で活動する Elm 利用者のコミュニティです。
https://elm-lang.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away