Shulou(Shulou.com)06/01 Report--

This article introduces how React Native uses JS to develop native IOS APP, the content is very detailed, interested friends can refer to, hope to be helpful to you.

React Native comes out

In 2013, Facebook opened up the front-end UI JavaScript library-ReactJS, which is widely used internally. In the past two years, ReactJS has had a great impact on the front-end field, and more and more companies have begun to use ReactJS to build front-end applications. ReactJS provides a simple, declarative and composable front-end component development library. Developers use ReactJS to divide the front-end into independent loosely coupled high-cohesion UI components Componnet, and use virtual DOM and other technologies to encapsulate the browser's DOM API into declarative high-performance API calls, improve the level of abstraction of the whole system, greatly simplify the programming model, and improve scalability and development efficiency. At Facebook's F8 conference in 2015, Facebook announced that open source uses React/JavaScript modern browser technology to build React Native for native applications. As soon as React Native is announced, it has brought a huge sensation to the whole front-end development field.

Encapsulate native controls

React Native encapsulates most of the standard mobile platform components (currently only support for iOS system is released, and support for Android system will be released at the end of the year), including components such as TabBar and Navigation Controller, which are implemented entirely in native systems and can provide consistent look and feel and user experience on the platform. There is a wealth of touch gesture support on iOS and Android mobile platforms, and React Native also fully encapsulates this content to provide a native touch experience.

Learn from the experience of WEB layout and style control

Web uses very rich CSS style control to render UI controls. React Native draws lessons from the way of Web style control and brings most of the commonly used Web styles to native application development. Developers can use the familiar CSS styles to control the style attributes of native controls. At the same time, in order to provide more convenient layout capabilities, the Flexbox layout model of Web standard is also introduced into native development, which is a great improvement for developers in terms of efficiency. In terms of style, React Native chooses to use the design of inline styling and the interface of JavaScript to control the layout and style of controls, which can effectively improve the development efficiency of these aspects.

Asynchronous execution

React Native still uses the virtual DOM technology in React to improve rendering performance. In order to do this, all JavaScript code runs and native platforms are separated to execute asynchronously with unavailable threads, which can make full use of the execution capacity of the native system without any additional consumption to the main UI thread. All the responsive changes on the UI will be decomposed into the smallest change differences, and then batch will be sent to the main UI thread responsible for rendering to render centrally, effectively ensuring the response efficiency of the front-end components. The design of this structure also brings another advantage, that is, in the development process, there is no need to build-wait-refresh verification process, just save the code and directly use the shortcut keys on the native View to refresh, greatly improve the development efficiency. React Native fully ensures the expansibility of using native code in the design. When using JavaScript to develop application UI, you can easily call native code to make custom View or modules, so that you can completely reuse previously built native modules or use third-party code bases.

This is the end of how React Native uses JS to develop native IOS APP. I hope the above content can be of some help to you and learn more. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.