React Native の便利なリンク集

React Native の開発でよく参考にしているリンクのまとめです。 実際の開発の参考になることもありますし、普段の情報収集としてもたまにのぞいておくと便利です。

さまざまな情報がまとまっているページ

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

Awesome React Native is an awesome style list that curates the best React Native libraries, tools, tutorials, articles and more. PRs are welcome!

ライブラリやチュートリアルなど、さまざまなジャンルのURLがまとまっているページです。 React Native で使えるライブラリがスター数と概要でリストされていたり、関連するカンファレンスの情報やブログ・動画などのリンクもあります。

量が多いので全部見るのは難しいですがカテゴリーごとに整理されています。必要な時にこのページで探してみるとヒントと出会えることが多いです。

UIコンポーネントライブラリ集

https://github.com/madhavanmalolan/awesome-reactnative-ui

React Native で利用できるUIコンポーネント集です。実際のスクショ付きで紹介されていますので、わかりやすくなっています。 更新日とかスター数も表示されているので選定する際の参考にもなります。

暇な時こういったコンポーネント集に目を通しておくと、開発の際「あのコンポーネント使ったら簡単に実装できるかも」といったアイデアが生まれます。 普段からの情報収集として一覧を眺めてみると面白いです。

StyleSheet と styled-components について

https://medium.com/mindorks/everything-to-know-about-styling-in-react-native-7e30aed53ad

In this article, I will talk about the two most popular ways of styling React Native Apps — StyleSheet and styled-components. We will look at how to structure the style objects and I will share a few tips!

React Native でのコンポーネントのstyle の書き方のTipsといった内容の記事です。

StyleSheet を使うか styled-components を使うかの検討ももちろんですが、以下のようなテクニックも紹介されています。 ベタガキで実装してしまって後から困った経験がある人は参考にしてみると良いです。

• スタイルの中でコードが解釈されるので、padding やアイコンサイズなど共通化できる
• スタイルをのオブジェクトをスプレッド演算子で展開すれば、別スタイルに継承して使うことができる

React Native で使えるOSフォント集

https://github.com/react-native-training/react-native-fonts

React Native で使えるOS組み込みのフォントの一覧です。情報が少し古いようですので確認は必要ですが、カスタムフォントなしで利用できるフォントが整理されています。

Android と iOS それぞれで分けて紹介されています。実際に利用する時にはOSでの分岐が必要になります。 こういった情報がまとまっているのは助かりますね。

おわりに

現時点で思いついた便利なリンク集をまとめました。新しいものを見つけたら追加していきます。

こういった便利なツール集やリンク集があるのはとても助かりますね。自分でも作りたいですが管理・更新が大変そうなのでなかなか手が出せません。