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

In this article, the editor introduces "what react-native-cli refers to" in detail, the content is detailed, the steps are clear, and the details are handled properly. I hope this article "what react-native-cli refers to" can help you solve your doubts.

React-native-cli is a scaffolding tool that comes with React Native and is a Node.js plug-in that can help developers quickly create a complete RN project from 0. It can also check whether the server-side js file is updated and package services when the RN application starts.

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

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

React-native-cli is actually a plug-in for Node.js, which can be used to execute React Native commands on the command line and check whether the server-side js file is updated or not when the RN application starts, as well as to package the service.

Understand several related words: Node.js,React.js and React Native

Node.js: Node.js is the runtime environment of JS, which is analogous to jvm of Java. It provides a lot of system-level API, such as file operation, network programming and so on. Use event-driven, asynchronous programming, mainly designed for background network services, so that JS can be used as a background development language

React.js: a UI framework of Node.js that encapsulates UI code and implements 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 when rendering, ReactJs drives html dom rendering, while React Native drives android/ios native components.

Simple usage of react-native-cli

1. Download and install Node.js and npm

The latest version can be downloaded, remember to configure environment variables

2. Install react-native-cli

Npm install-g react-native-cli

Note: the parameter-g means that the module is downloaded to the global. If it is not added by default, it means that it is downloaded locally, indicating that the current module can only be applied to the current directory project.

3. Quickly create RN applications

1) create a RN project

React-native init MyRNProject

Init: initial project, quick creation of RN project

MyRNProject: project name

2) start the project (run the iOS project to see the effect)

React-native run-ios

If all the above steps are installed correctly, you should be able to start the iOS simulator and run the RN project. Does the whole process seem simple. The reason why it looks convenient and simple is that the react-native-cli command line tool completes a series of tasks of creating, configuring, initializing, and installing dependencies for us. The focus of this article is to explore what react-native-cli has done for us and how.

After reading this, the article "what does react-native-cli mean" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, you are welcome to follow the industry information channel.

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.