React Nativeの設計を考えるシードプロジェクトまとめ

概要

Swiftで遊ぼうと思い、最近のアプリエンジニアはどうやって開発してるのかなーと調べたら、どうもReact Nativeがちょいちょいでてくる。

• React Nativeのチームは、React Nativeの採用理由について、ビルド時間の短縮やデバッグツールによる開発の効率化のためとも述べている
• Facebookは全てのアプリにReact Nativeを採用すると言い切っている
• Airbnb、Microsoftなどが積極的に開発にコミットしている
• ネイティブでバリバリやってたiOS developerも、開発効率の良さからReact Nativeに乗り換え始めている

昔見たときと印象が変わっているように感じたので、React Nativeのプロジェクト構成を考えるためのシード一覧をこちらにまとめてみた。

一覧

• Ignite ★3281
  • The unfair starting CLI, Generator, and more for React Native
• react-native-router-flux ★3007
  • React Native Router based on new React Native Navigation API
• pepperoni-app-kit ★2828
  • React Native App Starter Kit for Android and iOS
• Snowflake ★2755
  • A React-Native Android iOS Starter App/ BoilerPlate / Example with Redux, RN Router, & Jest with the Snowflake Hapi Server running locally or on RedHat OpenShift for the backend, or a Parse Server running locally or remotely on Heroku
• react-native-webpack-starter-kit ★801
  • Build your React Native app with Webpack and Babel
• native-starter-kit ★461
  • React Native Starter App with NativeBase + CodePush + Redux
• react-native-router-redux ★443
  • Router component to be used in your React Native redux applications. Packed with Nav and TabBar support.
• UniversalRelayBoilerplate ★325
  • Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra, DynamoDB, waterline
• react-native-starter-app ★287
  • A React Native starter/boilerplate app to get started with Redux, a sidebar menu, navigation, a custom navbar, data persistence, data validation and more.
• formidable-react-native-app-boilerplate ★270
  • React Native / Redux / Babel boilerplate.
• react-native-es6-reflux ★145
  • Boilerplate for iOS app development with React Native, ES6 and Reflux
• LeoLeBras/react-native-redux-starter-kit ★185
  • A starter boilerplate for a mobile app using React Native and Redux
• mrpatiwi/ReactNativeTS ★129
  • Boilerplate of a React Native project in Typescript.

まとめ

• 基本的にはFluxベースのObserverパターンがよさそう
• Reduxを大きく採用しているものもいくつか
• ビルドやデプロイなども一緒に請け負おうとしている
• FlowやNuclideなど、開発環境もセットでシードと言えそう
• TypeScriptが役割的にいらないのがすごい
• Universal JavaScriptはReact Nativeの世界でも積極的に取り入れられていているよう
• Relay, GraphQLはちょっと一般人には勇気が出ない...