React Native Architecture : Explained!

React Native Architecture : Explained!

Posted by Pete Heard | June, 13, 2017

React Native is a modern framework that allows JavaScript to run on and interact with IOS and Android phones in the same way as native code does.

[…]

The HTML document (below) contains a reference to the JavaScript

[…]

Later on we will see that the React Native build process works in a very similar way. But instead of the browser downloading JavaScript and HTML Markup the device will load JavaScript and React Native Markup.

[…]

This is where we need to go back to our original understanding of a JavaScript app. React Native works in a very similar way. What happens is that the phone actually requests a payload (of React Markup and JavaScript in a similar way that our SPA requests HTML Markup + JavaScript).

[…]

NOTE : on IOS the runtime environment is hosted on the IOS operating system but on Android it actually ships with React Native. The real name is actually ‘JavaScript core’ but I am using a generic name so we can understand what it is doing as opposed to what it is called.

[…]