メインコンテンツへスキップ

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

·3分で読めます
Héctor Ramos
エクトル・ラモス
元Facebook デベロッパーアドボケイト

多くの人々から、React Nativeでは非常に多くの作業が行われているため、何が起こっているのかを把握するのが難しいという声を聞いています。現在進行中の作業を伝えるために、React Nativeのロードマップを公開しています。大まかに言えば、この作業は3つの優先事項に分けられます。

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

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

React Nativeの最新情報​

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

ボタンの導入​

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

Simple Button on Android, iOS

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

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

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

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

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

$ npm install -g react-native-cli

新しいアプリを設定する際に「Using yarn」と表示されるはずです。

Using yarn

簡単なローカルテストでは、react-native initは良好なネットワーク環境で約1分で完了しました（npm 3.10.8を使用した場合の約3分と比較して）。Yarnのインストールは任意ですが、強く推奨されます。

謝辞​

このリリースに貢献してくださった皆様に感謝いたします。完全なリリースノートはGitHubで公開されています。2ダース以上のバグ修正と新機能により、皆様のおかげでReact Nativeはますます進化しています。