What is react-native-cli

react-native-cli is a scaffolding tool that comes with React Native. It is a Node.js plug-in that can help developers quickly create a complete RN project from scratch, and can also be started in the RN application Check whether the server-side js file is updated and perform packaging services.

The operating environment of this tutorial: Windows7 system, react17.0.1&&nodejs version 12.19.0, Dell G3 computer.

react-native-cli is a scaffolding tool that comes with Facebook’s open source project React Native, which can easily help developers quickly create a complete RN project from scratch.

react-native-cli is actually a plug-in for Node.js, which can be used to execute React Native commands from the command line and check whether the server js file is updated when the RN application is started, as well as perform packaging services.

Learn a few related vocabulary: Node.js, React.js and React Native

• Node.js: Node.js is the runtime environment of JS, which is analogous to Java's jvm. It provides many system-level APIs, such as file operations, network programming, etc. It is event-driven and asynchronous Programming is mainly designed for backend network services, so that JS can be used as a backend development language

• React.js: A UI framework for Node.js that can be used for UI code is encapsulated to realize UI componentization

• ##React Native: It is also a UI framework of Node.js and is implemented based on React.js# The essential difference between

• ##React Native

  and React.js is that during rendering, ReactJs is the driver html domRendering; React Native is the driver for android/ios native component rendering.

Simple method of using react-native-cli

1. Download and install Node.js You can download the latest version with npm

. Remember to configure the environment variables

2. Install react-native-cli

npm install -g react-native-cli

Note:

-g

This parameter means downloading the module to the global system. If not added by default, it means downloading it locally. It means that the current module can only be applied to the current directory project.

3. Quickly create RN application

1) Create RN project

react-native init MyRNProject

init: Initial project, quickly create RN Project
MyRNProject: Project name
2) Start the project (run the iOS project and check the effect)

react-native run-ios

If the above The steps are all installed correctly. You should be able to start the iOS simulator and run the RN project here. The whole process seems very simple. The reason why it seems very convenient and simple is that the react-native-cli command line tool completes a series of creation, configuration, initialization, and installation of dependencies for us. The focus of this article is to take you to explore what exactly react-native-cli does for us and how it is done.

[Related recommendations:

Redis video tutorial

]

The above is the detailed content of What is react-native-cli. For more information, please follow other related articles on the PHP Chinese website!