What tools are used to develop react native?

The development tools for react native include: 1. Visual Studio Code; 2. Flipper; 3. React Native Debugger; 4. Nuclide; 5. Ignite; 6. Redux; 7. Sublime Text, etc.

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

There are many tools for developing react native, and there are many options, such as Nuclide, the IDE developed by Facebook specifically for React, and WebStorm, Sublime Text 3, VS Code, etc. that are familiar to the front-end. Let me introduce some to you below.

The development tools for react native are:

1, Visual Studio Code (VS Code)

Visual Studio Code is the most popular React Native development tool. It is the most used IDE for React Native development and is available on all platforms such as Windows, Mac, and Linux.

Visual Studio Code has been written in programming languages ​​such as TypeScript, JavaScript, and Cascading Style Sheets. Microsoft is the one responsible for developing Visual Studio Code. This is a powerful, free and open source code editor. Furthermore, some of its built-in features include smart coding, debugging code, built-in Git commands, extensible and customizable themes, languages, etc.

Download address: https://code.visualstudio.com/Download

Add RN development plug-in

• React Native Tools: Officially released by Microsoft ReactNative plug-in, very easy to use

• Reactjs code snippets: react code prompts, such as componentWillMount method can be obtained directly through cwm

• Auto Close Tag : Automatically close tags

• Auto Rename Tag: Automatically rename tags, used with the above plug-in, it can basically catch up with the functions of the IntelliJ IDEA system

• Path Intellisense: File path prompt completion

2, Flipper

Flipper is The best React Native development tools on the market. It's very complete and will greatly improve your coding efficiency. Flipper is a dynamic debugging platform for debugging applications built for iOS, Android and React Native. It provides the ability to visualize, inspect and control mobile applications from a simple desktop interface. We can also use the Flipper tool as an extended plugin API. It works on all OS platforms (Windows, Mac and Linux).

The services provided by the FB Flipper platform out of the box include network logging, logs (console logs), React DevTools, layout inspection for easy UI development, Hermes Debugger, etc. It also gives you the super power to build customized plugins to meet your daily development needs.

3. React Native Debugger

React Native Debugger is a stand-alone application used to debug React Native applications. The strongest selling point is that it supports the Redux mechanism out of the box, which means it also provides Redux development tools.

Another useful feature that can help any developer with UI design is the ability to inspect visual elements on the screen and change them accordingly. This tool is based on the official React Debugger tool with many more useful use cases. It definitely makes the development and bug debugging process faster and more efficient.

4. Nuclide

##Nuclide is a free and open source React Native development tool (IDE) that helps React Native developers Complete software development tasks. The reason why React Native development is preferred is its hackability. What’s more, it’s supported by a community that’s always willing to guide you. Some of its other features include built-in debugging, remote development, JavaScript development, etc. It also provides Hack development, Task Runner, Workset and Mercurial support.

Finally, you can see that using the complete React Native development tools, you can develop responsive mobile applications in a very short time. Sometimes it can be difficult to choose the exact tool that will help you get the results you want.

As a React Native developer, it is crucial to become familiar with a solid suite of React Native development tools to become as productive as possible. Understanding these tools can literally enable you to make more money. Development becomes faster, frustrations disappear, and applications get faster, error-free delivery.

The right tools will enable you to develop for mobile faster and share more efficient code across the web without sacrificing end-user experience or app quality.

5、Ignite

Ignite is essentially free and open source, created by Infinite Red. Ignite CLI is a React Native toolchain with code and plugin parts. Its templates are available on iOS and Android. Some of its products include components, usage examples, API testing, and customizable themes.

6, Redux

Redux is a free resource library written in JavaScript. Most experienced developers highly recommend Redux for the React Native mobile development process. Redux is the most popular state management library for React Native applications.

It provides real-time code editing and time-traveling knowledge about your content. Additionally, some of its other services include "Easy Testing of Applications" and "Create Applications" that can run in various environments such as client, server, and native.

7, WebStorm

##8, Sublime Text 3

only needs to be installed RN can develop a plug-in:

Open Sublime Text3, Win system can use the shortcut key CTRL SHIFT P to open or click "Preferences" in the menu bar-->"Package Control"

to open In the terminal window, enter "install", the bottom will prompt "Package Control: install package", click with the mouse, and then enter the plug-in to be installed:

• ReactJS: supports React development, Code prompt, highlight

• Emmet: Essential for front-end development

## Terminal: Open the terminal in sublime and navigate to the current directory
react-native-snippets: React native code snippets
JsFormat: Format js code
[Related recommendations:

Redis video tutorial

]

The above is the detailed content of What tools are used to develop react native?. For more information, please follow other related articles on the PHP Chinese website!