React Native

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
React Native
React-icon.svg
Developer(s)Facebook and community
Initial releaseMarch 26, 2015; 3 years ago (2015-03-26)[1]
Stable release
0.59 / March 12, 2019; 7 days ago (2019-03-12)[2]
LicenseMIT License
Websitefacebook.github.io/react-native/

React Native is an open-source mobile application framework created by Facebook.[3] It is used to develop applications for Android[4], iOS and UWP[5] by enabling developers to use React along with native platform capabilities.

History[edit]

In 2012 Mark Zuckerberg commented, "The biggest mistake we made as a company was betting too much on HTML as opposed to native".[6] He promised that Facebook would soon deliver a better mobile experience.

Inside Facebook, Jordan Walke found a way to generate UI elements for iOS from a background JavaScript thread.[7] They decided to organise an internal Hackathon to perfect this prototype in order to be able to build native apps with this technology.[8]

After months of development, Facebook released the first version for the React JavaScript Configuration in 2015. During a technical talk,[9] Christopher Chedeau explained that Facebook was already using React Native in production for their Group App and their Ads Manager App.[10]

Implementation[edit]

The working principles of React Native are virtually identical to React except that React Native does not manipulate the DOM via the Virtual DOM. It runs in a background process (which interprets the JavaScript written by the developers) directly on the end-device and communicates with the native platform via a serialisation, asynchronous and batched Bridge.[11][12].

React Native does not use HTML. Instead, messages from the JavaScript thread are used to manipulate native views.

Hello World Example[edit]

A Hello, World program in React Native looks like this:

 1 import React, { Component } from 'react';
 2 import { AppRegistry, Text } from 'react-native';
 3 
 4 export default class HelloWorldApp extends Component {
 5   render() {
 6     return (
 7       <Text>Hello world!</Text>
 8     );
 9   }
10 }
11 [
12 // Skip this line if using Create React Native App
13 AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);
14 
15 // The ReactJS code can also be imported into another component with the following code:
16 
17 import HelloWorldApp from './HelloWorldApp';

References[edit]

  1. ^ "React Native: Bringing modern web techniques to mobile".
  2. ^ "Releases – Facebook/React". GitHub.
  3. ^ "Git-hub React-Native".
  4. ^ "Android Release for React Native".
  5. ^ Windows Apps Team (April 13, 2016). "React Native on the Universal Windows Platform". blogs.windows.com. Retrieved 2016-11-06.
  6. ^ "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable. Retrieved 7 April 2018.
  7. ^ "React (JavaScript library)".
  8. ^ "A short Story about React Native". Retrieved 16 January 2018.
  9. ^ Christopher, Chedeau. "A Deep Dive into React Native". YouTube. Retrieved 16 January 2018.
  10. ^ "React Native: Bringing modern web techniques to mobile".
  11. ^ "Bridging in React Native". 14 October 2015. Retrieved 16 January 2018.
  12. ^ "React Native Framework". Thursday, 13 September 2018