Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Setting up the Project | Basic Concepts
course content

Зміст курсу

Foundations of React Native

Setting up the ProjectSetting up the Project

To begin with, let's explore the steps involved in starting a new React Native project.

Theory

1. Create Project Folder

Begin by creating an empty folder on your machine where you prefer to store your React Native app.

2. Open Folder in IDE

Open this folder in your preferred Integrated Development Environment (IDE).

3. Run Command to Create Project

Use the following command to initiate a new React Native project:

4. Preview Your App

To see the initial appearance of your app, run the following command in the terminal:

5. Choose Viewing Method

  • You'll be prompted to choose where to preview your app based on the programs installed on your machine (Xcode or Android Studio);
  • Additionally, you can install the Expo app on your smartphone and use the QR code to view the app;
  • Another option is to open the app in the browser, but this requires installing additional packages (suggested by the terminal).

In this course, we will use the Xcode Simulator. To open it, we type i in the terminal.

Result

In Practice

Все було зрозуміло?

Секція 2. Розділ 1
course content

Зміст курсу

Foundations of React Native

Setting up the ProjectSetting up the Project

To begin with, let's explore the steps involved in starting a new React Native project.

Theory

1. Create Project Folder

Begin by creating an empty folder on your machine where you prefer to store your React Native app.

2. Open Folder in IDE

Open this folder in your preferred Integrated Development Environment (IDE).

3. Run Command to Create Project

Use the following command to initiate a new React Native project:

4. Preview Your App

To see the initial appearance of your app, run the following command in the terminal:

5. Choose Viewing Method

  • You'll be prompted to choose where to preview your app based on the programs installed on your machine (Xcode or Android Studio);
  • Additionally, you can install the Expo app on your smartphone and use the QR code to view the app;
  • Another option is to open the app in the browser, but this requires installing additional packages (suggested by the terminal).

In this course, we will use the Xcode Simulator. To open it, we type i in the terminal.

Result

In Practice

Все було зрозуміло?

Секція 2. Розділ 1
some-alt