"react native" is not a native app. The program written by "react native" becomes a native app after being compiled by Android studio; the development model of the native app is written using react's jsx syntax, and "react native" "native" is a cross-platform mobile application development framework. 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.
The operating environment of this tutorial: Windows 10 system, react17.0.1 version, Dell G3 computer.
The program written by react native becomes a native app after being compiled by Android studio, and its development model is written using react's jsx syntax , especially like writing the front end, writing the page structure/writing js/writing a syntax similar to css but not css, these can be rendered into the written page components.
React Native (RN) 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 both iOS and Android. Large platform. 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 knowledge:
JSX is a format that combines Javascript and XML. React invented JSX, using HTML syntax to create a virtual DOM. When
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 the page structure/writing js/writing a kind of Similar to CSS syntax 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, top-level routing is written in app.js. 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 operate the component state. 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.
【Related recommendations: javascript video tutorial, web front-end】
The above is the detailed content of Is react native a native app?. For more information, please follow other related articles on the PHP Chinese website!