"react native" is not a native app. The program written by "react native" is compiled by Android Studio before it becomes a native app; the development model of the native app is written using react's jsx syntax, and "react native" is cross-platform mobile The application development framework is a derivative of Facebook's earlier open source JS framework React on the native mobile application platform. It supports the two major platforms of iOS and Android.
The operating environment of this tutorial: Windows 10 system, react version 17.0.1, Dell G3 computer.
The program written by react native becomes a native app after being compiled by Android Studio. Its development mode is written using react's jsx syntax, especially like writing the front end, writing page structure/writing js/writing a syntax similar to css but not css, these can be rendered into written page components.
React Native (RN for short) is a cross-platform mobile application development framework open sourced by Facebook in April 2015. It is a derivative of Facebook's earlier open source JS framework React on the native mobile application platform. It supports the two major platforms of iOS and Android. RN uses Javascript language, JSX similar to HTML, and CSS to develop mobile applications, so technicians who are familiar with Web front-end development can enter the field of mobile application development with very little learning.
Expand your knowledge:
JSX is a format that combines Javascript and XML. React invented JSX, using HTML syntax to create a virtual DOM. When < is encountered, JSX is parsed as HTML, and when { is encountered, it is parsed as JavaScript.
The program written by react native becomes a native app after being compiled by Android Studio. Its development mode is written using react's jsx syntax, especially like writing the front end, writing page structure/writing js/writing a syntax similar to css but not css, these can be rendered into written page components.
React native also plays with components. In the node and npm environment, you can create a react native project. Its dependencies also come from node_modules. packge.json is also a list of plug-in installations. react native is a native program and does not require the use of web pack. But the configuration of jdk and andoird environments and the downloading of related resources/the use of related integration tools are indispensable.
The basic structure and syntax of react native
index.js
app.js
//Generally, what is written in app.js are top-level routes. Here you can make a top-level routing design. This app.js is set in index.html. So this component will be rendered at the beginning, followed by the introduction and use of each sub-component. Each component first introduces react resources, or introduces its own components. Each component is loaded through a default export class. Page, this class has constructors, member functions, and rendering functions. There is also a StyleSheet object in the react native resource. This object is specially used to write component styles.
There is state in the constructor. This state is called state and is used to manipulate the state of the component. Here, the state attributes are set in the state, and many flexible operations can be performed through the state attributes. Member functions can operate on these state properties set in the constructor. The rendering function is render. In this function, you can reference the component of the imported resource and write a larger component. This is how a rough react native component completes its business. Code can be written according to your own needs and the syntax of official documents.