React Native Blog https://facebook.github.io/react-native/blog The best place to stay up-to-date with the latest React Native news and events. Wed, 12 Jun 2019 06:00:00 GMT http://blogs.law.harvard.edu/tech/rss Feed for Node.js React Native Blog https://facebook.github.io/react-native/img/header_logo.png https://facebook.github.io/react-native/blog <![CDATA[React Native Open Source Update June 2019]]> https://facebook.github.io/react-native/blog/2019/06/12/react-native-open-source-update.html https://facebook.github.io/react-native/blog/2019/06/12/react-native-open-source-update.html Wed, 12 Jun 2019 06:00:00 GMT Code & Community Health

In the past six months, a total of 2800 commits were made to React Native by more than 550 contributors. 400 contributors from the community created more than 1,150 Pull Requests, of which 820 Pull Requests were merged.

Th...

]]> <![CDATA[React Native at F8 and Open Source Podcast]]> https://facebook.github.io/react-native/blog/2019/05/01/react-native-at-f8-and-podcast.html https://facebook.github.io/react-native/blog/2019/05/01/react-native-at-f8-and-podcast.html Wed, 01 May 2019 06:00:00 GMT This week, Eli White gave a talk at F8 2019 about React Native in Facebook's Android and iOS applications. We are excited to share what we've been up to for the past two years and what we're doing next.

Check out the video on Facebook's developer web...

]]> <![CDATA[Releasing React Native 0.59]]> https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059.html https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059.html Tue, 12 Mar 2019 06:00:00 GMT Welcome to the 0.59 release of React Native! This is another big release with 644 commits by 88 contributors. Contributions also come in other forms, so thank you for maintaining issues, fostering communities, and teaching people about React Native. ...

]]> <![CDATA[React Native Open Source Update March 2019]]> https://facebook.github.io/react-native/blog/2019/03/01/react-native-open-source-update.html https://facebook.github.io/react-native/blog/2019/03/01/react-native-open-source-update.html Fri, 01 Mar 2019 06:00:00 GMT We announced our React Native Open Source roadmap in Q4 2018 after deciding to invest more in the React Native open source community.

For our first milestone, we focused on identifying and improving the most visible aspects of our community. Our goal...

]]> <![CDATA[The State of the React Native Community in 2018]]> https://facebook.github.io/react-native/blog/2019/01/07/state-of-react-native-community.html https://facebook.github.io/react-native/blog/2019/01/07/state-of-react-native-community.html Mon, 07 Jan 2019 06:00:00 GMT In 2018 the React Native Community made a number of changes to the way we develop and communicate about React Native. We believe that a few years from now we will look back and see that this shift was a turning point for React Native.

A lot of people ...

]]> <![CDATA[Open Source Roadmap]]> https://facebook.github.io/react-native/blog/2018/11/01/oss-roadmap.html https://facebook.github.io/react-native/blog/2018/11/01/oss-roadmap.html Thu, 01 Nov 2018 06:00:00 GMT

This year, the React Native team has focused on a large scale re-architecture of React Native. As Sophie mentioned in her State of React Native post, we've sketched out a plan to better support the thriving population of React Native users and colla...

]]> <![CDATA[Introducing new iOS WebViews]]> https://facebook.github.io/react-native/blog/2018/08/27/wkwebview.html https://facebook.github.io/react-native/blog/2018/08/27/wkwebview.html Mon, 27 Aug 2018 06:00:00 GMT For a long time now, Apple has discouraged using UIWebViews in favor of WKWebView. In iOS 12, which will be released in the upcoming months, UIWebViews will be formally deprecated. React Native's iOS WebView implementation relies heavily on the UIWeb...

]]> <![CDATA[Accessibility API Updates]]> https://facebook.github.io/react-native/blog/2018/08/13/react-native-accessibility-updates.html https://facebook.github.io/react-native/blog/2018/08/13/react-native-accessibility-updates.html Mon, 13 Aug 2018 06:00:00 GMT Motivation

As technology advances and mobile apps become increasingly important to everyday life, the necessity of creating accessible applications has likewise grown in importance.

React Native's limited Accessibility API has always been a huge pain ...

]]> <![CDATA[Releasing 0.56]]> https://facebook.github.io/react-native/blog/2018/07/04/releasing-react-native-056.html https://facebook.github.io/react-native/blog/2018/07/04/releasing-react-native-056.html Wed, 04 Jul 2018 06:00:00 GMT The long-awaited 0.56 version of React Native is now available 🎉. This blog post highlights some of the changes introduced in this new release. We also want to take the opportunity to explain what has kept us busy since March.

The breaking changes d...

]]> <![CDATA[State of React Native 2018]]> https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018.html https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018.html Thu, 14 Jun 2018 06:00:00 GMT It's been a while since we last published a status update about React Native.

At Facebook, we're using React Native more than ever and for many important projects. One of our most popular products is Marketplace, one of the top-level tabs in our app ...

]]> <![CDATA[Using TypeScript with React Native]]> https://facebook.github.io/react-native/blog/2018/05/07/using-typescript-with-react-native.html https://facebook.github.io/react-native/blog/2018/05/07/using-typescript-with-react-native.html Mon, 07 May 2018 06:00:00 GMT JavaScript! We all love it. But some of us also love types. Luckily, options exist to add stronger types to JavaScript. My favourite is TypeScript, but React Native supports Flow out of the box. Which you prefer is a matter of preference, they each h...

]]> <![CDATA[Built with React Native - The Build.com app]]> https://facebook.github.io/react-native/blog/2018/04/09/build-com-app.html https://facebook.github.io/react-native/blog/2018/04/09/build-com-app.html Mon, 09 Apr 2018 06:00:00 GMT Build.com, headquartered in Chico, California, is one of the largest online retailers for home improvement items. The team has had a strong web-centric business for 18 years and began thinking about a mobile App in 2015. Building unique iOS and Andro...

]]> <![CDATA[Building <InputAccessoryView> For React Native]]> https://facebook.github.io/react-native/blog/2018/03/22/building-input-accessory-view-for-react-native.html https://facebook.github.io/react-native/blog/2018/03/22/building-input-accessory-view-for-react-native.html Thu, 22 Mar 2018 06:00:00 GMT Motivation

Three years ago, a GitHub issue was opened to support input accessory view from React Native.

In the ensuing years, there have been countless '+1s', various workarounds, and zero concrete changes to RN on this issue - until today. Startin...

]]> <![CDATA[Using AWS with React Native]]> https://facebook.github.io/react-native/blog/2018/03/05/AWS-app-sync.html https://facebook.github.io/react-native/blog/2018/03/05/AWS-app-sync.html Mon, 05 Mar 2018 06:00:00 GMT AWS is well known in the technology industry as a provider of cloud services. These include compute, storage, and database technologies, as well as fully managed serverless offerings. The AWS Mobile team has been working closely with customers and me...

]]> <![CDATA[Implementing Twitter’s App Loading Animation in React Native]]> https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html Thu, 18 Jan 2018 06:00:00 GMT Twitter’s iOS app has a loading animation I quite enjoy.

Once the app is ready, the Twitter logo delightfully expands, revealing the app.

I wanted to figure out how to recreate this loading animation with React Native.

To understand how to build it...

]]> <![CDATA[React Native Monthly #6]]> https://facebook.github.io/react-native/blog/2018/01/09/react-native-monthly-6.html https://facebook.github.io/react-native/blog/2018/01/09/react-native-monthly-6.html Tue, 09 Jan 2018 06:00:00 GMT The React Native monthly meeting is still going strong! Make sure to check a note on the bottom of this post for the next sessions.

Expo

]]> <![CDATA[React Native Monthly #5]]> https://facebook.github.io/react-native/blog/2017/11/06/react-native-monthly-5.html https://facebook.github.io/react-native/blog/2017/11/06/react-native-monthly-5.html Mon, 06 Nov 2017 06:00:00 GMT The React Native monthly meeting continues! Let's see what our teams are up to.

Callstack

  • We’ve been working on React Native CI. Most importantly, we have migrated from Travis to Circle, leaving React Native with a single, unified CI pipeline.
  • We’ve ...
]]> <![CDATA[React Native Monthly #4]]> https://facebook.github.io/react-native/blog/2017/09/21/react-native-monthly-4.html https://facebook.github.io/react-native/blog/2017/09/21/react-native-monthly-4.html Thu, 21 Sep 2017 06:00:00 GMT The React Native monthly meeting continues! Here are the notes from each team:

Callstack

  • React Native EU is over. More than 300 participants from 33 countries have visited Wroclaw. Talks can be found on Youtube.
  • We are slowly getting back to our ope...
]]> <![CDATA[React Native Monthly #3]]> https://facebook.github.io/react-native/blog/2017/08/30/react-native-monthly-3.html https://facebook.github.io/react-native/blog/2017/08/30/react-native-monthly-3.html Wed, 30 Aug 2017 06:00:00 GMT The React Native monthly meeting continues! This month's meeting was a bit shorter as most of our teams were busy shipping. Next month, we are at React Native EU conference in Wroclaw, Poland. Make sure to grab a ticket and see you there in person! M...

]]> <![CDATA[React Native Performance in Marketplace]]> https://facebook.github.io/react-native/blog/2017/08/07/react-native-performance-in-marketplace.html https://facebook.github.io/react-native/blog/2017/08/07/react-native-performance-in-marketplace.html Mon, 07 Aug 2017 06:00:00 GMT React Native is used in multiple places across multiple apps in the Facebook family including a top level tab in the main Facebook apps. Our focus for this post is a highly visible product, Marketplace. It is available in a dozen or so countries and ...

]]> <![CDATA[React Native Monthly #2]]> https://facebook.github.io/react-native/blog/2017/07/28/react-native-monthly-2.html https://facebook.github.io/react-native/blog/2017/07/28/react-native-monthly-2.html Fri, 28 Jul 2017 06:00:00 GMT The React Native monthly meeting continues! On this session, we were joined by Infinite Red, great minds behind Chain React, the React Native Conference. As most of the people here were presenting talks at Chain React, we pushed the meeting to a week ...

]]> <![CDATA[React Native Monthly #1]]> https://facebook.github.io/react-native/blog/2017/06/21/react-native-monthly-1.html https://facebook.github.io/react-native/blog/2017/06/21/react-native-monthly-1.html Wed, 21 Jun 2017 06:00:00 GMT At Shoutem, we'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's almost impossible to keep up with the pace the community ...

]]> <![CDATA[idx: The Existential Function]]> https://facebook.github.io/react-native/blog/2017/03/13/idx-the-existential-function.html https://facebook.github.io/react-native/blog/2017/03/13/idx-the-existential-function.html Mon, 13 Mar 2017 06:00:00 GMT 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 n...

]]> <![CDATA[Better List Views in React Native]]> https://facebook.github.io/react-native/blog/2017/03/13/better-list-views.html https://facebook.github.io/react-native/blog/2017/03/13/better-list-views.html Mon, 13 Mar 2017 06:00:00 GMT 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 ...

]]> <![CDATA[Introducing Create React Native App]]> https://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html https://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html Mon, 13 Mar 2017 06:00:00 GMT Today we’re announcing Create React Native App: a new tool that makes it significantly easier to get started with a React Native project! It’s heavily inspired by the design of Create React App and is the product of a collaboration between Facebook a...

]]> <![CDATA[Using Native Driver for Animated]]> https://facebook.github.io/react-native/blog/2017/02/14/using-native-driver-for-animated.html https://facebook.github.io/react-native/blog/2017/02/14/using-native-driver-for-animated.html Tue, 14 Feb 2017 06:00:00 GMT For the past year, we'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 t...

]]> <![CDATA[A Monthly Release Cadence: Releasing December and January RC]]> https://facebook.github.io/react-native/blog/2017/01/07/monthly-release-cadence.html https://facebook.github.io/react-native/blog/2017/01/07/monthly-release-cadence.html Sat, 07 Jan 2017 06:00:00 GMT 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 o...

]]> <![CDATA[Easier Upgrades Thanks to Git]]> https://facebook.github.io/react-native/blog/2016/12/05/easier-upgrades.html https://facebook.github.io/react-native/blog/2016/12/05/easier-upgrades.html Mon, 05 Dec 2016 06:00:00 GMT Upgrading to new versions of React Native has been difficult. You might have seen something like this before:

None of those options is ideal. By overwriting the file we lose our local changes. By not overwriting we don't get the latest updates.

Toda...

]]> <![CDATA[Introducing Button, Faster Installs with Yarn, and a Public Roadmap]]> https://facebook.github.io/react-native/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmap.html https://facebook.github.io/react-native/blog/2016/11/08/introducing-button-yarn-and-a-public-roadmap.html Tue, 08 Nov 2016 06:00:00 GMT 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. At a high level, ...

]]> <![CDATA[0.36: Headless JS, the Keyboard API, & more]]> https://facebook.github.io/react-native/blog/2016/10/25/0.36-headless-js-the-keyboard-api-and-more.html https://facebook.github.io/react-native/blog/2016/10/25/0.36-headless-js-the-keyboard-api-and-more.html Tue, 25 Oct 2016 06:00:00 GMT Today we are releasing React Native 0.36. Read on to learn more about what's new.

Headless JS

Headless JS is a way to run tasks in JavaScript while your app is in the background. It can be used, for example, to sync fresh data, handle push notificati...

]]> <![CDATA[Expo Talks: Adam on Unraveling Navigation]]> https://facebook.github.io/react-native/blog/2016/09/08/exponent-talks-unraveling-navigation.html https://facebook.github.io/react-native/blog/2016/09/08/exponent-talks-unraveling-navigation.html Thu, 08 Sep 2016 06:00:00 GMT Adam Miskiewicz from Expo talks about mobile navigation and the ex-navigation React Native library at Expo's office hours last week.

]]> <![CDATA[Right-to-Left Layout Support For React Native Apps]]> https://facebook.github.io/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html https://facebook.github.io/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html Fri, 19 Aug 2016 06:00:00 GMT 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 ne...

]]> <![CDATA[San Francisco Meetup Recap]]> https://facebook.github.io/react-native/blog/2016/08/12/react-native-meetup-san-francisco.html https://facebook.github.io/react-native/blog/2016/08/12/react-native-meetup-san-francisco.html Fri, 12 Aug 2016 06:00:00 GMT Last week I had the opportunity to attend the React Native Meetup at Zynga’s 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.

I was part...

]]> <![CDATA[Toward Better Documentation]]> https://facebook.github.io/react-native/blog/2016/07/06/toward-better-documentation.html https://facebook.github.io/react-native/blog/2016/07/06/toward-better-documentation.html Wed, 06 Jul 2016 06:00:00 GMT 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've been working hard to make the docs better ...

]]> <![CDATA[React Native: A year in review]]> https://facebook.github.io/react-native/blog/2016/04/13/react-native-a-year-in-review.html https://facebook.github.io/react-native/blog/2016/04/13/react-native-a-year-in-review.html Wed, 13 Apr 2016 06:00:00 GMT It'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 ...

]]> <![CDATA[Dive into React Native Performance]]> https://facebook.github.io/react-native/blog/2016/03/28/dive-into-react-native-performance.html https://facebook.github.io/react-native/blog/2016/03/28/dive-into-react-native-performance.html Mon, 28 Mar 2016 06:00:00 GMT React Native allows you to build iOS and Android apps in JavaScript using React and Relay'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 ...

]]> <![CDATA[Introducing Hot Reloading]]> https://facebook.github.io/react-native/blog/2016/03/24/introducing-hot-reloading.html https://facebook.github.io/react-native/blog/2016/03/24/introducing-hot-reloading.html Thu, 24 Mar 2016 06:00:00 GMT React Native's goal is to give you the best possible developer experience. A big part of it is the time it takes between you save a file and be able to see the changes. Our goal is to get this feedback loop to be under 1 second, even as your app grow...

]]> <![CDATA[Making React Native apps accessible]]> https://facebook.github.io/react-native/blog/2015/11/23/making-react-native-apps-accessible.html https://facebook.github.io/react-native/blog/2015/11/23/making-react-native-apps-accessible.html Mon, 23 Nov 2015 06:00:00 GMT With the recent launch of React on web and React Native on mobile, we've provided a new front-end framework for developers to build products. One key aspect of building a robust product is ensuring that anyone can use it, including people who have vi...

]]> <![CDATA[React Native for Android: How we built the first cross-platform React Native app]]> https://facebook.github.io/react-native/blog/2015/09/14/react-native-for-android.html https://facebook.github.io/react-native/blog/2015/09/14/react-native-for-android.html Mon, 14 Sep 2015 06:00:00 GMT Earlier this year, we introduced React Native for iOS. React Native brings what developers are used to from React on the web — declarative self-contained UI components and fast development cycles — to the mobile platform, while retaining the speed, f...

]]> <![CDATA[React Native: Bringing modern web techniques to mobile]]> https://facebook.github.io/react-native/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobile.html https://facebook.github.io/react-native/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobile.html Thu, 26 Mar 2015 06:00:00 GMT We introduced React to the world two years ago, and since then it's seen impressive growth, both inside and outside of Facebook. Today, even though no one is forced to use it, new web projects at Facebook are commonly built using React in one form or ...

]]>