Introducing Button, Faster Installs with Yarn, and a Public Roadmap

Summary:
This is the announcement blog post for React Native 0.37.

![screencapture-localhost-8079-react-native-blog-2016-11-07-0-37-headless-js-the-keyboard-api-and-more-copy-html-1478543157257](https://cloud.githubusercontent.com/assets/165856/20070380/0b4c9d80-a4d5-11e6-975d-b808d899f16d.png)
Closes https://github.com/facebook/react-native/pull/10790

Differential Revision: D4147853

Pulled By: mkonicek

fbshipit-source-id: f875764bf57b373a7d824b8cbe848d47ebe89f8d
This commit is contained in:
Héctor Ramos 2016-11-08 15:37:24 -08:00 committed by Facebook Github Bot
parent 4500e4d0ff
commit ab55a8a146
3 changed files with 58 additions and 0 deletions

View File

@ -0,0 +1,58 @@
---
title: Introducing Button, Faster Installs with Yarn, and a Public Roadmap
author: Héctor Ramos
authorTitle: Developer Advocate at Facebook
authorURL: https://twitter.com/hectorramos
authorImage: https://s.gravatar.com/avatar/f2223874e66e884c99087e452501f2da?s=128
authorTwitter: hectorramos
category: announcements
---
We have heard from many people that there is so much work happening with React Native, it can be tough to keep track of what's going on. To help communicate what work is in progress, we are now publishing a [roadmap for React Native](https://github.com/facebook/react-native/wiki/Roadmap). At a high level, this work can be broken down into three priorities:
- **Core Libraries**. Adding more functionality to the most useful components and APIs.
- **Stability**. Improve the underlying infrastructure to reduce bugs and improve code quality.
- **Developer Experience**. Help React Native developers move faster
If you have suggestions for features that you think would be valuable on the roadmap, check out [Product Pains](https://productpains.com/product/react-native), where you can suggest new features and discuss existing proposals.
## What's new in React Native
[Version 0.37 of React Native](https://github.com/facebook/react-native/releases/tag/v0.37.0), released today, introduces a new core component to make it really easy to add a touchable Button to any app. We're also introducing support for the new [Yarn](https://yarnpkg.com/) package manager, which should speed up the whole process of updating your app's dependencies.
## Introducing Button
Today we're introducing a basic `<Button />` component that looks great on every platform. This addresses one of the most common pieces of feedback we get: React Native is one of the only mobile development toolkits without a button ready to use out of the box.
![Simple Button on Android, iOS](/react-native/blog/img/button-android-ios.png)
```
<Button
onPress={onPressMe}
title="Press Me"
accessibilityLabel="Learn more about this Simple Button"
/>
```
Experienced React Native developers know how to make a button: use TouchableOpacity for the default look on iOS, TouchableNativeFeedback for the ripple effect on Android, then apply a few styles. Custom buttons aren't particularly hard to build or install, but we aim to make React Native radically easy to learn. With the addition of a basic button into core, newcomers will be able to develop something awesome in their first day, rather than spending that time formatting a Button and learning about Touchable nuances.
Button is meant to work great and look native on every platform, so it won't support all the bells and whistles that custom buttons do. It is a great starting point, but is not meant to replace all your existing buttons. To learn more, check out the [new Button documentation](http://facebook.github.io/react-native/docs/button.html), complete with a runnable example!
## Speed up `react-native init` using Yarn
You can now use [Yarn](https://yarnpkg.com/), the new package manager for JavaScript, to speed up `react-native init` significantly. To see the speedup please [install yarn](https://yarnpkg.com/en/docs/install) and upgrade your `react-native-cli` to 1.2.0:
```
$ npm install -g react-native-cli
```
You should now see “Using yarn” when setting up new apps:
![Using yarn](/react-native/blog/img/yarn-rncli.png)
In simple local testing `react-native init` finished in **about 1 minute on a good network** (vs around 3 minutes when using npm 3.10.8). Installing yarn is optional but highly recommended.
## Thank you!
We'd like to thank everyone who contributed to this release. The full [release notes](https://github.com/facebook/react-native/releases/tag/v0.37.0) are now available on GitHub. With over two dozen bug fixes and new features, React Native just keeps getting better thanks to you.

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

BIN
blog/img/yarn-rncli.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB