React-Native environment setup and basic introduction

Environment Preparation

1. Environment Construction
React Native Chinese website

2. Development tools Front-end development software: Visual Studio Code

Mobile development software: Xcode, Android Studio

3. Knowledge Reserve

NodeJS React Es6, Es7

React Native Introduction

Introduction to React Naitve: A framework for developing Android and iOS apps launched by Facebook at the React.js Conf2015 conference. The main programming language is JavaScript. Its appearance and use not only have Native user experience, but also retain the development efficiency of React .

Before the emergence of React Native, we usually choose one of these three mobile technologies (Native App, HTML5, Hybrid) for development.

• Native App : Developing native apps naturally has the best performance and powerful functions. However, the development and maintenance of multi-platform versions requires a lot of manpower and resources (the iterative review of the iOS version takes time).
• HTML5 : Although it has the advantages of the Web, namely flexible layout capabilities, agile iteration potential without releases, and excellent cross-platform features. It has made great progress in some display apps with strong layout and weak interaction, such as news and information. However, due to the performance limitations of WebView on mobile devices, it has always been difficult to achieve success.
• Hybrid App : JS+Native mainly calls each other, realizing the "one-time development, multiple execution" mechanism from the development level, making it truly suitable for cross-platform development. Hybrid App combines the advantages of Native App's good user experience with the low-cost advantage of Web App's cross-platform development using HTML5. However, this method has many problems: it cannot access offline data, cannot access devices, and cannot be updated remotely.
• React Native : The underlying engine is JavaScript Core, but it calls native components instead of HTML5 components. This allows the runtime to achieve a performance experience comparable to that of the Navive App. At the same time, because the JavaScript code can be managed using the powerful backend Web method, it can achieve both efficient development and rapid deployment and hot fixes.

React Native Pros and Cons:

advantage

1. Cross-platform development: With React Native, we can use the same core business logic code to create native applications that run on the Web, Android, and iOS.
2. Hot update, App can be quickly iterated: real-time hot deployment;
3. Learn once, write everywhere: React Native does not require a single native code to support multiple platforms, so it is not write once, run anywhere;

shortcoming

1. React Native only supports iOS7 and above on iOS, and only supports Android4.1 and above on Android;
2. The development cost is high, it is not friendly to novices, and it is not debugging friendly;
3. Some complex interfaces and operations cannot be implemented by RN (you can consider native + React Native hybrid development);
4. The version updates quickly, it is recommended to develop a fixed version

React Native vs Flutter vs Weex

This is the end of this article about React-Native environment setup and basic introduction. For more relevant React-Native environment setup content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!