Exploring React Native architecture
Before understanding how React Native works, let's revise some history points about React architecture and the differences between web and native mobile apps.
The state of web and mobile apps in the past
Meta released React in 2013 as a monolith tool for creating apps using a component approach and a virtual DOM. It gave us the opportunity to develop web applications without thinking about browser processes, such as how it parses JS code, and creates the DOM, and layers and rendering. We just had to create interfaces using state and props for data and CSS for styling, fetch data from the backend, save it in local storage, and so on. React, together with browsers, allowed us to create a performance application in less time. At that time, the architecture of React looked like this:
Figure 15.1 – React architecture in 2013
The new declarative approach to developing interfaces became more favorable because...
