Subscribe For Newsletter

Also Checkout Recent forum posts
No topics yet!

Internal working of React Native

React Native

React Native helps you create real and exciting mobile applications using JavaScript only, which is supportable for both Android and iOS platforms devices. Just code once, and the React Native apps are available for both iOS and Android platforms which helps to save a lot of development time. Found great popularity created by Facebook. React Native, has a huge community support today. React Native is built on top of ReactJS which is a good alternative to AngularJS. Though there are some similarities and differences between React Native and ReactJS.

React Native

1 React Native is a framework that is used to create cross-platform native apps. It means you can create native apps and the same app will run on Android and iOS.

2 React native have all the benefits of ReactJS

3 React Native allows developers to create native apps in a web-style approach.

4 Front end developers can become a mobile developer easily.

Now let’s have a look at its working process modules involved flow etc.

Working of React Native

1) At the first start of the app, the main thread starts execution and starts loading JS bundles.

2) When JavaScript code has been loaded successfully, the main thread sends it to another JS thread because when JS does some heavy calculations stuff the thread for a while, the UI thread will not suffer at all any time.

3) When React start rendering Reconciler starts “diffing”, and when it generates a new virtual DOM(layout) it sends changes to another thread(Shadow thread).

4) Shadow thread calculates layout and then sends layout parameters/objects to the main(UI) thread. ( Here you may wonder why we call it “shadow”? It’s because it generates shadow nodes )

5) Since only the main thread is able to render something on the screen, shadow thread should send the generated layout to the main thread, and only then UI renders.

Separation of React Native

Generally, we can separate React Native into 3 parts :

1) React Native – Native side

2) React Native – JS side

3) React Native – Bridge

This is often called “The 3 Parts of React Native”

To know more visit www.redcrix.com

Share Post On:

One thought on “Internal working of React Native

Leave a Reply

Your email address will not be published. Required fields are marked *

Related News

Food Delivery Application Development

Advancement in technology helped many industries to grow and increase their market value. From dining out at restaurants to food trucks and takeaways, the trend of ordering meals via a food orderingRead More...
redcrixnew | Sep 12, 20200

How to keep your takeaway restaurant customers coming back for more

Let me ask you a question. Suppose you want to order dinner. What’s easier? Option 1: Open your web browser Decide what kind of meal you’d like Perform a search on yourRead More...
redcrixnew | Sep 12, 20200

Delivery Mobile App Development Solutions

As a today lead generation people moving further on online strategy. As well as people are moving to like do online marketing and want them grocery and food delivery at home.  PeopleRead More...
redcrixnew | Aug 28, 20200

How to delete KYC if I entered wrong details in mobikwik app?

You want to delete your Mobikwik account. You have submit wrong information during KYC of Mobikwik and you want to permanently delete your account from Mobikwik. You want delete, close & deactivateRead More...
redcrixnew | Aug 24, 20200