Buttonの導入、Yarnによる高速インストール、そして公開ロードマップ

React Nativeでは多くの開発が行われているため、何が起こっているのかを追跡するのが難しいという声を多くの方々からいただきました。現在進行中の作業内容を伝えるために、React Nativeのロードマップを公開しています。大まかに言うと、この作業は3つの優先事項に分類できます。

• コアライブラリ。最も役立つコンポーネントとAPIに、より多くの機能を追加します。
• 安定性。基盤となるインフラストラクチャを改善して、バグを減らし、コード品質を向上させます。
• 開発者エクスペリエンス。React Native開発者がより迅速に作業を進められるように支援します。

ロードマップに載せるべきだと思う機能の提案がある場合は、Cannyをご覧ください。新しい機能を提案したり、既存の提案について話し合ったりできます。

React Nativeの新機能

本日リリースされたReact Nativeバージョン0.37では、タッチ可能なボタンをアプリに簡単に追加できる新しいコアコンポーネントが導入されました。また、新しいYarnパッケージマネージャーのサポートも導入され、アプリの依存関係を更新するプロセス全体が高速化されるはずです。

Buttonの紹介

本日、すべてのプラットフォームで見栄えの良い基本的な<Button />コンポーネントを導入します。これは、私たちが受け取る最も一般的なフィードバックの1つに対処するものです。React Nativeは、すぐに使えるボタンがない唯一のモバイル開発ツールキットの1つです。

<Button
  onPress={onPressMe}
  title="Press Me"
  accessibilityLabel="Learn more about this Simple Button"
/>

経験豊富なReact Native開発者は、ボタンの作成方法を知っています。iOSのデフォルトの外観にはTouchableOpacityを、AndroidのリプルエフェクトにはTouchableNativeFeedbackを使用し、いくつかのスタイルを適用します。カスタムボタンの構築やインストールは特に難しいことではありませんが、React Nativeを根本的に学習しやすくすることを目指しています。コアに基本的なボタンが追加されたことで、初心者はボタンの書式設定やTouchableのニュアンスを学ぶのではなく、初日に素晴らしいものを開発できるようになります。

Buttonはすべてのプラットフォームで問題なく動作し、ネイティブに見えるように設計されているため、カスタムボタンが持つすべての機能をサポートするわけではありません。これは素晴らしい出発点ですが、既存のボタンをすべて置き換えることを意図したものではありません。詳細については、実行可能な例を含む新しいButtondキュメントをご覧ください。

Yarnを使用してreact-native initを高速化する

JavaScriptの新しいパッケージマネージャーであるYarnを使用して、react-native initを大幅に高速化できるようになりました。高速化を確認するには、yarnをインストールし、react-native-cliを1.2.0にアップグレードしてください。

$ npm install -g react-native-cli

これで、新しいアプリを設定する際に「Yarnを使用しています」と表示されるはずです。

単純なローカルテストでは、react-native initは**良好なネットワークで約1分で完了しました**（npm 3.10.8を使用した場合の約3分と比較して）。yarnのインストールはオプションですが、強くお勧めします。

ありがとうございます！

このリリースに貢献してくれたすべての人に感謝します。完全なリリースノートはGitHubで入手できます。20以上のバグ修正と新機能により、React Nativeは皆様のおかげでさらに進化しています。