What is Expo? Take you to learn Expo-JS Tutorial-php.cn

What is Expo? Take you to learn Expo

零下一度

Release： 2017-06-26 09:59:10

Original

15469 people have browsed it

I am determined to translate Expo to provide help for learners learning Rn (react native). Traditionally, the advantages of Rn development are on Mac Ios, and few are developed on Windows and Riod. The Expo launched in 2017 provides great convenience for us to do Rn development on Windows. Rn development has also ushered in spring.

A brief explanation about Rn, the two major mobile systems currently on the market are Android and Ios, and the development of these two systems Apps are traditionally divided into Ios development and Android development. This has a problem. If a company wants to launch an app, it needs at least one Ios development and one Android development. This will increase the cost of the App. But now , if we use Rn for development, we only need a set of codes, and the developed App can run on Ios and Android, which greatly improves development efficiency and reduces the cost of product development for the company, so as soon as Rn was launched , it has received enthusiastic support from the majority of programmer friends. If you don’t have time to learn Rn, just pick up the keyboard and do it!

Okay, if you are ready to engage in Rn development, first of all, congratulations. If you read my article, then congratulations even more. You, we are very likely to become friends. If you are ready to develop high-Rn, then you still face another problem, that is, if you want to do your job well, you must first sharpen your tools! What tools do we use for Rn development?

Here I recommend one to everyone, Expo, this is simply an artifact for getting started! You can learn more about it on Baidu. For questions about it, you are welcome to add me on WeChat jkxx123321 to communicate with me [remarks blog add]. You are also welcome to follow my personal public account: Aixiang Dark Horse to keep in touch with me! Next, let’s get to work!

Expo Quick Start

1. What is Expo:

Expo is a set of tools, libraries, and services that make it possible to build native iOS and Android applications by writing JavaScript.

Expo Apps are react native Apps that include Expo SDK. SDK is a native-and-js library that provides access to device systems, such as cameras and contacts. , local storage and other hardware). This means you don’t need to use Xcode or the Android environment, or write any code. It also makes your pure-JS project very portable, as it can run in any natural environment containing the Expo SDK.

Expo also provides UI components to handle various applications, almost all applications will be covered, but it will not break the core code of react native Core , such as icons, blurred views, etc.

Finally, the Expo SDK provides access to services that, while difficult to manage, are required by almost every application. The most popular of these are: Expo can manage your assets for you, it can handle push notifications for you, and it can build native binaries ready for deployment to app stores.

2. Are you ready to start, let's go

If you are ready, let's start, the first step Installation environment, [This is a little impure, if you are not familiar with rn, you can check the rn Chinese website first]

<br>

Copy after login

If you want to install the environment, we need to install two environments, One is for the desktop client and the other is for the mobile client.

The desktop client is called: Expo

Download link address:

https://docs.expo.io/versions/v17.0.0/introduction/installation.html

Copy after login

[Additional point: The computer needs to prepare Node.js. If you don’t have it, install it. After downloading a package, just go to the next step. After installing node to test whether it is successful or not, enter node -verson on the command console. Print the version you installed]

<br>3. Is your environment installed? If so, open it and try it

Computer When the client opens the environment Expo XDE, you will first be asked to register an account of your own (as shown in the picture)

After registration , after successful login, you will enter an interface, (as shown in the picture)

Create your own project (as shown in the picture)

　Created successfully, as shown in the picture:

　Click on your project and let it be in your Run in the environment!

As shown in the picture, the project is running. Next, we need to improve the client, which is the App side.

If you don’t understand this, you can check the information yourself, or you can ask me!

[To add here, everyone needs to install the next Yeshen simulator. Install an expo on the simulator, which is the one you install on your mobile phone. In this way, you can reduce your dependence on the network environment and directly simulate I can see the effect of your code running on the server] Here is a picture attached:

　This is my personal interface API for calling the Weibo developer platform , I made my own Weibo client. The simple functions are: [Comment on any blog post, publish your own blog post, forward a blog post] This design does not involve many technologies. If you want the source code, you can contact me directly, or You can upload it to github, I have already uploaded it.

Next, here are a few functional diagrams: (...I’m so sorry)

At the end, I seem to have forgotten to tell you what environment to use, which is the environment for writing code, for personal use. It's vs code 2017. People used to use Atom more in the past. In fact, it doesn't matter now. You can use Notepad. It's just a tool for writing code. It is recommended to use Microsoft's editor, it is very easy to use!

The above is the detailed content of What is Expo? Take you to learn Expo. For more information, please follow other related articles on the PHP Chinese website!