https://facebook.github.io/react-native/blog React Native Blog 2019-06-12T06:00:00Z Feed for Node.js The best place to stay up-to-date with the latest React Native news and events. https://facebook.github.io/react-native/img/header_logo.png <![CDATA[React Native Open Source Update June 2019]]> https://facebook.github.io/react-native/blog/2019/06/12/react-native-open-source-update.html 2019-06-12T06:00:00Z 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...

]]> Christoph Nakazawa https://twitter.com/cpojer <![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 2019-05-01T06:00:00Z 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...

]]> Christoph Nakazawa https://twitter.com/cpojer <![CDATA[Releasing React Native 0.59]]> https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059.html 2019-03-12T06:00:00Z 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. ...

]]> Ryan Turner https://twitter.com/turnrye <![CDATA[React Native Open Source Update March 2019]]> https://facebook.github.io/react-native/blog/2019/03/01/react-native-open-source-update.html 2019-03-01T06:00:00Z 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...

]]> Christoph Nakazawa https://twitter.com/cpojer <![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 2019-01-07T06:00:00Z 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 ...

]]> Lorenzo Sciandra https://github.com/kelset <![CDATA[Open Source Roadmap]]> https://facebook.github.io/react-native/blog/2018/11/01/oss-roadmap.html 2018-11-01T06:00:00Z

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...

]]> HĂ©ctor Ramos https://hectorramos.com/about <![CDATA[Introducing new iOS WebViews]]> https://facebook.github.io/react-native/blog/2018/08/27/wkwebview.html 2018-08-27T06:00:00Z 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...

]]> Ramanpreet Nara https://github.com/rsnara <![CDATA[Accessibility API Updates]]> https://facebook.github.io/react-native/blog/2018/08/13/react-native-accessibility-updates.html 2018-08-13T06:00:00Z 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 ...

]]> Ziqi Chen https://ziqichen.com/ <![CDATA[Releasing 0.56]]> https://facebook.github.io/react-native/blog/2018/07/04/releasing-react-native-056.html 2018-07-04T06:00:00Z 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...

]]> Lorenzo Sciandra https://github.com/kelset <![CDATA[State of React Native 2018]]> https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018.html 2018-06-14T06:00:00Z 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 ...

]]> Sophie Alpert https://github.com/sophiebits <![CDATA[Using TypeScript with React Native]]> https://facebook.github.io/react-native/blog/2018/05/07/using-typescript-with-react-native.html 2018-05-07T06:00:00Z 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...

]]> Ash Furrow https://github.com/ashfurrow <![CDATA[Built with React Native - The Build.com app]]> https://facebook.github.io/react-native/blog/2018/04/09/build-com-app.html 2018-04-09T06:00:00Z 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...

]]> Garrett McCullough https://twitter.com/gwmccull <![CDATA[Building <InputAccessoryView> For React Native]]> https://facebook.github.io/react-native/blog/2018/03/22/building-input-accessory-view-for-react-native.html 2018-03-22T06:00:00Z 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...

]]> Peter Argany https://github.com/PeteTheHeat <![CDATA[Using AWS with React Native]]> https://facebook.github.io/react-native/blog/2018/03/05/AWS-app-sync.html 2018-03-05T06:00:00Z 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...

]]> Richard Threlkeld https://twitter.com/undef_obj <![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 2018-01-18T06:00:00Z 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...

]]> Eli White https://github.com/TheSavior <![CDATA[React Native Monthly #6]]> https://facebook.github.io/react-native/blog/2018/01/09/react-native-monthly-6.html 2018-01-09T06:00:00Z 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

]]> Tomislav Tenodi https://twitter.com/TomislavTenodi <![CDATA[React Native Monthly #5]]> https://facebook.github.io/react-native/blog/2017/11/06/react-native-monthly-5.html 2017-11-06T06:00:00Z 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 ...
]]> Tomislav Tenodi https://github.com/tenodi <![CDATA[React Native Monthly #4]]> https://facebook.github.io/react-native/blog/2017/09/21/react-native-monthly-4.html 2017-09-21T06:00:00Z 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...
]]> Mike Grabowski https://github.com/grabbou <![CDATA[React Native Monthly #3]]> https://facebook.github.io/react-native/blog/2017/08/30/react-native-monthly-3.html 2017-08-30T06:00:00Z 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...

]]> Mike Grabowski https://github.com/grabbou <![CDATA[React Native Performance in Marketplace]]> https://facebook.github.io/react-native/blog/2017/08/07/react-native-performance-in-marketplace.html 2017-08-07T06:00:00Z 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 ...

]]> Aaron Chiu https://www.facebook.com/aaronechiu <![CDATA[React Native Monthly #2]]> https://facebook.github.io/react-native/blog/2017/07/28/react-native-monthly-2.html 2017-07-28T06:00:00Z 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 ...

]]> Tomislav Tenodi https://github.com/tenodi <![CDATA[React Native Monthly #1]]> https://facebook.github.io/react-native/blog/2017/06/21/react-native-monthly-1.html 2017-06-21T06:00:00Z 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 ...

]]> Tomislav Tenodi https://github.com/tenodi <![CDATA[idx: The Existential Function]]> https://facebook.github.io/react-native/blog/2017/03/13/idx-the-existential-function.html 2017-03-13T06:00:00Z 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...

]]> Timothy Yung https://github.com/yungsters <![CDATA[Better List Views in React Native]]> https://facebook.github.io/react-native/blog/2017/03/13/better-list-views.html 2017-03-13T06:00:00Z 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 ...

]]> Spencer Ahrens https://github.com/sahrens <![CDATA[Introducing Create React Native App]]> https://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html 2017-03-13T06:00:00Z 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...

]]> Adam Perry https://github.com/dikaiosune <![CDATA[Using Native Driver for Animated]]> https://facebook.github.io/react-native/blog/2017/02/14/using-native-driver-for-animated.html 2017-02-14T06:00:00Z 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...

]]> Janic Duplessis https://twitter.com/janicduplessis <![CDATA[A Monthly Release Cadence: Releasing December and January RC]]> https://facebook.github.io/react-native/blog/2017/01/07/monthly-release-cadence.html 2017-01-07T06:00:00Z 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...

]]> Eric Vicenti https://twitter.com/EricVicenti <![CDATA[Easier Upgrades Thanks to Git]]> https://facebook.github.io/react-native/blog/2016/12/05/easier-upgrades.html 2016-12-05T06:00:00Z 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...

]]> Nicolas Cuillery https://twitter.com/ncuillery <![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 2016-11-08T06:00:00Z 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, ...

]]> HĂ©ctor Ramos https://twitter.com/hectorramos <![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 2016-10-25T06:00:00Z 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...

]]> HĂ©ctor Ramos https://twitter.com/hectorramos <![CDATA[Expo Talks: Adam on Unraveling Navigation]]> https://facebook.github.io/react-native/blog/2016/09/08/exponent-talks-unraveling-navigation.html 2016-09-08T06:00:00Z Adam Miskiewicz from Expo talks about mobile navigation and the ex-navigation React Native library at Expo's office hours last week.

]]> HĂ©ctor Ramos https://twitter.com/hectorramos <![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 2016-08-19T06:00:00Z 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...

]]> Mengjue (Mandy) Wang https://github.com/MengjueW <![CDATA[San Francisco Meetup Recap]]> https://facebook.github.io/react-native/blog/2016/08/12/react-native-meetup-san-francisco.html 2016-08-12T06:00:00Z 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...

]]> HĂ©ctor Ramos https://twitter.com/hectorramos <![CDATA[Toward Better Documentation]]> https://facebook.github.io/react-native/blog/2016/07/06/toward-better-documentation.html 2016-07-06T06:00:00Z 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 ...

]]> Kevin Lacker https://twitter.com/lacker <![CDATA[React Native: A year in review]]> https://facebook.github.io/react-native/blog/2016/04/13/react-native-a-year-in-review.html 2016-04-13T06:00:00Z 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 ...

]]> Martin Konicek https://github.com/mkonicek <![CDATA[Dive into React Native Performance]]> https://facebook.github.io/react-native/blog/2016/03/28/dive-into-react-native-performance.html 2016-03-28T06:00:00Z 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 ...

]]> Pieter De Baets https://github.com/javache <![CDATA[Introducing Hot Reloading]]> https://facebook.github.io/react-native/blog/2016/03/24/introducing-hot-reloading.html 2016-03-24T06:00:00Z 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...

]]> MartĂ­n Bigio https://twitter.com/martinbigio <![CDATA[Making React Native apps accessible]]> https://facebook.github.io/react-native/blog/2015/11/23/making-react-native-apps-accessible.html 2015-11-23T06:00:00Z 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...

]]> Georgiy Kassabli https://www.facebook.com/georgiy.kassabli <![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 2015-09-14T06:00:00Z 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...

]]> Daniel Witte https://www.facebook.com/drwitte <![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 2015-03-26T06:00:00Z 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 ...

]]> Tom Occhino https://github.com/tomocchino