React Native

In 2012 Mark Zuckerberg commented, "The biggest mistake we made as a company was betting too much on HTML as opposed to native".[8] 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.[9] They decided to organise an internal Hackathon to perfect this prototype in order to be able to build native apps with this technology.[10]

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

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.[13][14][15]

React components wrap existing native code and interact with native APIs via React’s declarative UI paradigm and JavaScript. This enables native app development for whole new teams of developers, and can let existing native teams work much faster.[16]

React Native does not use HTML or CSS. Instead, messages from the JavaScript thread are used to manipulate native views. React Native also allows developers to write native code in languages such as Java for Android and Objective-C or Swift for iOS which make it even more flexible.

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

 1 import React from 'react';
 2 import { AppRegistry, Text } from 'react-native';
 3 
 4 const HelloWorldApp = () => <Text>Hello world!</Text>;
 5 export default HelloWorldApp;
 6 
 7 // Skip this line if using Create React Native App
 8 AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);
 9 
10 // The React native code can also be imported from another component with the following code:
11 import HelloWorldApp from './HelloWorldApp';

• List of rich Internet application frameworks
• Multiple phone web-based application framework
• NativeScript
• Xamarin
• Appcelerator Titanium
• Apache Cordova
• Flutter (software)