Upgrade to Pro — share decks privately, control downloads, hide ads and more …

First steps with React Native

First steps with React Native

Avatar for Nicolas Amabile

Nicolas Amabile

February 22, 2018

More Decks by Nicolas Amabile

Other Decks in Programming

Transcript

  1. How it works under the hood? iOS or Android Operating

    System Native Code Native Button Control JavaScript Runtime Environment React Native Button Control Bridge (MessageQueue.js)
  2. How it works under the hood? - Asynchronous: It enables

    asynchronous communication between the threads. This ensures that they never block each other. - Batched: It transfers messages from one thread to the other in an optimised way. - Serializable: The two threads never share or operate with the same data. Instead, they exchange serialized messages.
  3. How it works under the hood? JS->N : UIManager.createView( [8,

    "RCTView", 1, {"position": "absolute"}]) N->JS : RCTDeviceEventEmitter.emit( ["didReceiveNetworkData", [4, "Success"]])