Files
react-native/blog/index.html
T
Website Deployment Script 0a7dd67d8b Updated docs for next
2017-06-27 21:49:59 +00:00

19 lines
23 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html><html><head><title>React Native Blog</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width"><meta property="fb:app_id" content="1677033832619985"><meta property="fb:admins" content="121800083"><meta property="og:site_name" content="React Native"><meta property="og:title" content="React Native Blog"><meta property="og:url" content="https://facebook.github.io/react-native/index.html"><meta property="og:image" content="https://facebook.github.io/react-native/img/opengraph.png"><meta property="og:description" content="The best place to stay up-to-date with the latest React Native news and events."><meta name="twitter:site" content="@reactnative"><meta name="twitter:card" content="summary_large_image"><meta property="og:type" content="website"><base href="/react-native/releases/next/"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"><link rel="shortcut icon" href="img/favicon.png?2"><link rel="stylesheet" href="css/react-native.css"><link rel="stylesheet" href="css/prism.css"><link rel="alternate" type="application/rss+xml" title="React Native Blog" href="https://facebook.github.io/react-native/blog/feed.xml"><link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script></head><body><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><div class="container"><div class="nav-main"><div class="wrap"><a class="nav-home" href=""><img src="img/header_logo.png">React Native</a><a class="nav-version" href="/react-native/versions.html">next</a><div class="nav-site-wrapper"><ul class="nav-site nav-site-internal"><li><a href="docs/getting-started.html" class="" data-target=".nav-docs">Docs</a></li><li><a href="/react-native/support.html" class="">Help</a></li><li><a href="/react-native/blog/" class="active">Blog</a></li></ul><div class="algolia-search-wrapper"><input id="algolia-doc-search" tabindex="0" type="text" placeholder="Search docs..."></div><ul class="nav-site nav-site-external"><li><a href="https://github.com/facebook/react-native" class="">GitHub</a></li><li><a href="http://facebook.github.io/react" class="">React</a></li></ul></div></div></div><div class="hero"><div class="wrap"><div class="text">React Native Blog</div><div class="minitext">Stay up-to-date with the latest React Native news and events.</div></div></div><section class="content wrap documentationContent"><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2017/06/21/react-native-monthly-1.html"></a><h4 class="entry-authordate"><a href="https://github.com/tenodi" target="_blank" class="author">Tomislav Tenodi</a><time class="date">June 21, 2017</time></h4><h1 class="entry-title"><a href="/react-native/blog/2017/06/21/react-native-monthly-1.html">React Native Monthly #1</a></h1></header><div class="entry-content"><div><p>At Shoutem, we&#x27;ve been fortunate enough to work with React Native from its very beginnings. We decided we wanted to be part of the amazing community from day one. Soon enough, we realized it&#x27;s almost impossible to keep up with the pace the community was growing and improving. That&#x27;s why we decided to organize a monthly meeting where all major React Native contributors can briefly present what their efforts and plans are.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2017/06/21/react-native-monthly-1.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><div class="video-container youtube"><iframe id="ytplayer" type="text/html" width="650" height="345" src="https://www.youtube.com/embed/9baaVjGdBqs" frameborder="0"></iframe></div><h4 class="entry-authordate"><a href="https://github.com/dikaiosune" target="_blank" class="author">Adam Perry</a><time class="date">March 13, 2017</time></h4><h1 class="entry-title"><a href="/react-native/blog/2017/03/13/introducing-create-react-native-app.html">Introducing Create React Native App</a></h1></header><div class="entry-content"><div><p>Today were announcing Create React Native App: a new tool that makes it significantly easier to get started with a React Native project! Its heavily inspired by the design of Create React App and is the product of a collaboration between Facebook and Expo (formerly Exponent).</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2017/03/13/introducing-create-react-native-app.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2017/03/13/idx-the-existential-function.html"></a><h4 class="entry-authordate"><a href="https://github.com/yungsters" target="_blank" class="author">Timothy Yung</a><time class="date">March 13, 2017</time></h4><h1 class="entry-title"><a href="/react-native/blog/2017/03/13/idx-the-existential-function.html">idx: The Existential Function</a></h1></header><div class="entry-content"><div><p>At Facebook, we often need to access deeply nested values in data structures fetched with GraphQL. On the way to accessing these deeply nested values, it is common for one or more intermediate fields to be nullable. These intermediate fields may be null for a variety of reasons, from failed privacy checks to the mere fact that null happens to be the most flexible way to represent non-fatal errors.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2017/03/13/idx-the-existential-function.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2017/03/13/better-list-views.html"></a><h4 class="entry-authordate"><a href="https://github.com/sahrens" target="_blank" class="author">Spencer Ahrens</a><time class="date">March 13, 2017</time></h4><h1 class="entry-title"><a href="/react-native/blog/2017/03/13/better-list-views.html">Better List Views in React Native</a></h1></header><div class="entry-content"><div><p>Many of you have started playing with some of our new List components already after our teaser announcement in the community group, but we are officially announcing them today! No more ListViews or DataSources, stale rows, ignored bugs, or excessive memory consumption - with the latest React Native March 2017 release candidate (0.43-rc.1) you can pick from the new suite of components what best fits your use-case, with great perf and feature sets out of the box:</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2017/03/13/better-list-views.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2017/02/14/using-native-driver-for-animated.html"></a><h4 class="entry-authordate"><a href="https://twitter.com/janicduplessis" target="_blank" class="author">Janic Duplessis</a><time class="date">February 14, 2017</time></h4><h1 class="entry-title"><a href="/react-native/blog/2017/02/14/using-native-driver-for-animated.html">Using Native Driver for Animated</a></h1></header><div class="entry-content"><div><p>For the past year, we&#x27;ve been working on improving performance of animations that use the Animated library. Animations are very important to create a beautiful user experience but can also be hard to do right. We want to make it easy for developers to create performant animations without having to worry about some of their code causing it to lag.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2017/02/14/using-native-driver-for-animated.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2017/01/07/monthly-release-cadence.html"></a><h4 class="entry-authordate"><a href="https://twitter.com/EricVicenti" target="_blank" class="author">Eric Vicenti</a><time class="date">January 7, 2017</time></h4><h1 class="entry-title"><a href="/react-native/blog/2017/01/07/monthly-release-cadence.html">A Monthly Release Cadence: Releasing December and January RC</a></h1></header><div class="entry-content"><div><p>Shortly after React Native was introduced, we started releasing every two weeks to help the community adopt new features, while keeping versions stable for production use. At Facebook we had to stabilize the codebase every two weeks for the release of our production iOS apps, so we decided to release the open source versions at the same pace. Now, many of the Facebook apps ship once per week, especially on Android. Because we ship from master weekly, we need to keep it quite stable. So the bi-weekly release cadence doesn&#x27;t even benefit internal contributors anymore.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2017/01/07/monthly-release-cadence.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/12/05/easier-upgrades.html"></a><h4 class="entry-authordate"><a href="https://twitter.com/ncuillery" target="_blank" class="author">Nicolas Cuillery</a><time class="date">December 5, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/12/05/easier-upgrades.html">Easier Upgrades Thanks to Git</a></h1></header><div class="entry-content"><div><p>Upgrading to new versions of React Native has been difficult. You might have seen something like this before:</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/12/05/easier-upgrades.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmap.html"></a><h4 class="entry-authordate"><a href="https://twitter.com/hectorramos" target="_blank" class="author">Héctor Ramos</a><time class="date">November 8, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmap.html">Introducing Button, Faster Installs with Yarn, and a Public Roadmap</a></h1></header><div class="entry-content"><div><p>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&#x27;s going on. To help communicate what work is in progress, we are now publishing a roadmap for React Native. At a high level, this work can be broken down into three priorities:</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmap.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/10/25/0-36-headless-js-the-keyboard-api-and-more.html"></a><h4 class="entry-authordate"><a href="https://twitter.com/hectorramos" target="_blank" class="author">Héctor Ramos</a><time class="date">October 25, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/10/25/0-36-headless-js-the-keyboard-api-and-more.html">0.36: Headless JS, the Keyboard API, &amp; more</a></h1></header><div class="entry-content"><div><p>Today we are releasing React Native 0.36. Read on to learn more about what&#x27;s new.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/10/25/0-36-headless-js-the-keyboard-api-and-more.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><div class="video-container youtube"><iframe id="ytplayer" type="text/html" width="650" height="345" src="https://www.youtube.com/embed/oeSjTxVkMhc" frameborder="0"></iframe></div><h4 class="entry-authordate"><a href="https://twitter.com/hectorramos" target="_blank" class="author">Héctor Ramos</a><time class="date">September 8, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/09/08/exponent-talks-unraveling-navigation.html">Expo Talks: Adam on Unraveling Navigation</a></h1></header><div class="entry-content"><div><p>Adam Miskiewicz from Expo talks about mobile navigation and the ex-navigation React Native library at Expo&#x27;s office hours last week.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/09/08/exponent-talks-unraveling-navigation.html" class="btn">Watch video</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html"></a><h4 class="entry-authordate"><a href="https://github.com/MengjueW" target="_blank" class="author">Mengjue (Mandy) Wang</a><time class="date">August 19, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html">Right-to-Left Layout Support For React Native Apps</a></h1></header><div class="entry-content"><div><p>After launching an app to the app stores, internationalization is the next step to further your audience reach. Over 20 countries and numerous people around the world use Right-to-Left (RTL) languages. Thus, making your app support RTL for them is necessary.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/08/12/react-native-meetup-san-francisco.html"><img src="/react-native/blog/img/rnmsf-august-2016-hero.jpg" width="650"></a><h4 class="entry-authordate"><a href="https://twitter.com/hectorramos" target="_blank" class="author">Héctor Ramos</a><time class="date">August 12, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/08/12/react-native-meetup-san-francisco.html">San Francisco Meetup Recap</a></h1></header><div class="entry-content"><div><p>Last week I had the opportunity to attend the React Native Meetup at Zyngas San Francisco office. With around 200 people in attendance, it served as a great place to meet other developers near me that are also interested in React Native.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/08/12/react-native-meetup-san-francisco.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/07/06/toward-better-documentation.html"></a><h4 class="entry-authordate"><a href="https://twitter.com/lacker" target="_blank" class="author">Kevin Lacker</a><time class="date">July 6, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/07/06/toward-better-documentation.html">Toward Better Documentation</a></h1></header><div class="entry-content"><div><p>Part of having a great developer experience is having great documentation. A lot goes into creating good docs - the ideal documentation is concise, helpful, accurate, complete, and delightful. Recently we&#x27;ve been working hard to make the docs better based on your feedback, and we wanted to share some of the improvements we&#x27;ve made.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/07/06/toward-better-documentation.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/04/13/react-native-a-year-in-review.html"><img src="/react-native/blog/img/big-hero.jpg" width="650"></a><h4 class="entry-authordate"><a href="https://github.com/mkonicek" target="_blank" class="author">Martin Konicek</a><time class="date">April 13, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/04/13/react-native-a-year-in-review.html">React Native: A year in review</a></h1></header><div class="entry-content"><div><p>It&#x27;s been one year since we open-sourced React Native. What started as an idea with a handful of engineers is now a framework being used by product teams across Facebook and beyond. Today at F8 we announced that Microsoft is bringing React Native to the Windows ecosystem, giving developers the potential to build React Native on Windows PC, Phone, and Xbox. It will also provide open source tools and services such as a React Native extension for Visual Studio Code and CodePush to help developers create React Native apps on the Windows platform. In addition, Samsung is building React Native for its hybrid platform, which will empower developers to build apps for millions of SmartTVs and mobile and wearable devices. We also released the Facebook SDK for React Native, which makes it easier for developers to incorporate Facebook social features like Login, Sharing, App Analytics, and Graph APIs into their apps. In one year, React Native has changed the way developers build on every major platform.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/04/13/react-native-a-year-in-review.html" class="btn">Read more</a></footer></article><article class="entry-excerpt"><header class="entry-header"><a href="/react-native/blog/2016/03/28/dive-into-react-native-performance.html"></a><h4 class="entry-authordate"><a href="https://github.com/javache" target="_blank" class="author">Pieter De Baets</a><time class="date">March 28, 2016</time></h4><h1 class="entry-title"><a href="/react-native/blog/2016/03/28/dive-into-react-native-performance.html">Dive into React Native Performance</a></h1></header><div class="entry-content"><div><p>React Native allows you to build iOS and Android apps in JavaScript using React and Relay&#x27;s declarative programming model. This leads to more concise, easier-to-understand code; fast iteration without a compile cycle; and easy sharing of code across multiple platforms. You can ship faster and focus on details that really matter, making your app look and feel fantastic. Optimizing performance is a big part of this. Here is the story of how we made React Native app startup twice as fast.</p></div></div><footer class="entry-readmore"><a href="/react-native/blog/2016/03/28/dive-into-react-native-performance.html" class="btn">Read more</a></footer></article><div class="docs-prevnext"><a class="docs-next" href="/react-native/blog/page2/#content">Older posts →</a></div></section><footer class="nav-footer"><section class="sitemap"><a href="/react-native" class="nav-home"><img src="img/header_logo.png" alt="React Native" width="66" height="58"></a><div><h5><a href="docs/">Docs</a></h5><a href="docs/getting-started.html">Getting Started</a><a href="docs/tutorial.html">Learn the Basics</a><a href="docs/components-and-apis.html">Components and APIs</a><a href="docs/more-resources.html">More Resources</a></div><div><h5><a href="/react-native/support.html">Community</a></h5><a href="/react-native/showcase.html">Who&#x27;s using React Native?</a><a href="http://www.meetup.com/topics/react-native/" target="_blank">Meetups</a><a href="https://www.facebook.com/groups/react.native.community" target="_blank">Facebook Group</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a></div><div><h5><a href="/react-native/support.html">Help</a></h5><a href="http://stackoverflow.com/questions/tagged/react-native" target="_blank">Stack Overflow</a><a href="https://discord.gg/0ZcbPKXt5bZjGY5n">Reactiflux Chat</a><a href="/react-native/versions.html" target="_blank">Latest Releases</a><a href="https://react-native.canny.io/feature-requests" target="_blank">Feature Requests</a></div><div><h5>More</h5><a href="/react-native/blog">Blog</a><a href="http://facebook.github.io/react/" target="_blank">React</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><div class="githubButton"><a class="github-button" href="https://github.com/facebook/react-native" data-icon="octicon-star" data-count-href="/facebook/react-native/stargazers" data-count-api="/repos/facebook/react-native#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star facebook/react-native on GitHub">Star</a></div></div></section><section class="newsletter"><div id="mc_embed_signup"><form action="//reactnative.us10.list-manage.com/subscribe/post?u=db0dd948e2b729ee62625b1a8&amp;id=47cd41008f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><div id="mc_embed_signup_scroll"><label for="mce-EMAIL"><h5>Get the React Native Newsletter</h5></label><input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required><div style="position:absolute;left:-5000px;" aria-hidden="true"><input type="text" name="b_db0dd948e2b729ee62625b1a8_47cd41008f" tabindex="-1" value=""></div><div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button"></div></div></form></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"></a><section class="copyright">Copyright © 2017 Facebook Inc.</section></footer></div><div id="fb-root"></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-41298772-2', 'facebook.github.io');
ga('send', 'pageview');
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)
){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
docsearch({
apiKey: '2c98749b4a1e588efec53b2acec13025',
indexName: 'react-native-versions',
inputSelector: '#algolia-doc-search',
algoliaOptions: { facetFilters: [ "tags:master" ], hitsPerPage: 5 }
});
</script><script src="js/scripts.js"></script><script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script><script type="text/javascript" src="https://snack.expo.io/embed.js"></script><script async defer src="https://buttons.github.io/buttons.js"></script></body></html>