Subscribe For Newsletter

Recent Posts
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.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related News

Blockchain Sustainable Development Goals

The sustainable development goals were created in 2012, and blockchain technology was still in its infancy. Few could have predicted the course and potential of blockchain for achieving these lofty goals. However,Read More...
admin | Jul 10, 20220

Mobile App Development Platform

WHAT IS THE BEST MOBILE APP DEVELOPMENT PLATFORM  Using the best mobile app development software makes creating apps for your business easy. This is significant because mobile apps were traditionally associated withRead More...
admin | Jul 5, 20220

On Demand Food Delivery App Development

On Demand Food Delivery App Development In Digital world,Advancement in technology helped many industries to grow and increase their market value. Nowadays, In the market on demand food delivery is most trendingRead More...
redcrixnew | Sep 12, 20200

How to keep your takeaway restaurant customers coming back for more

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 DecideRead More...
redcrixnew | Sep 12, 20200