Как установить React?

ReactJs — это одна из наиболее широко используемых библиотек Javascript front-end, созданная компанией Facebook. Она используется для разработки мобильных и веб-приложений. React содержит коллекцию многократно используемых фрагментов кода, используемых для построения пользовательского интерфейса, называемых компонентами.

ReactJS также позволяет создавать собственные компоненты и использовать их для создания сложных пользовательских интерфейсов.

                    ## Table of Contents

Вход в полноэкранный режим Выход из полноэкранного режима

Как установить Node js в windows
Проверка установки
Создайте проект React
Запустить приложение React
Заключение

Содержание

1. Как установить node js в windows
2. Проверьте установку
3. Создание проекта React
4. Запустите приложение React
5. Заключение

1. Как установить node js в windows

Первое, что вам нужно сделать, прежде чем начать кодить на ReactJS, — это установить Node JS. Node.js — это среда выполнения JavaScript, построенная на движке V8 JavaScript в Chrome.

Node JS для windows

Нажмите на Run

Нажмите Далее

Примите условия и нажмите Далее

Выберите каталог и нажмите Далее

Нажмите Далее

Пропустить этот процесс — нажмите Далее

Нажмите Установить и это приведет к установке NodeJS на вашу машину

2. Проверьте установку

Теперь, когда мы установили NodeJS. Давайте убедимся, что он установлен правильно с помощью npm (node package manager).

Выполните следующую команду в cmd, чтобы проверить версию node.

C:UsersUsername> node -v

Войти в полноэкранный режим Выйдите из полноэкранного режима

Если отобразится номер версии, значит, мы успешно установили nodeJS на нашу машину.

проверить версию node

C:UsersUsername> npm -v

Войти в полноэкранный режим Выйти из полноэкранного режима

Если все установлено правильно, то будет показан номер версии.

проверить версию NPM

3. Создание проекта React

Теперь, когда все работает правильно, мы перейдем к созданию нашего собственного проекта ReactJS. Для этого вам нужно перейти в директорию, где вы хотите иметь свой проект. И выполнить следующую команду:

C:UsersUsername> npx create-react-app myfirstreactapp

Войти в полноэкранный режим Выйти из полноэкранного режима

Note: Your react project name should be lowercase.

Создание нового проекта React

Приведенная выше команда создаст новый проект с именем «myfirstreactapp». Теперь мы можем видеть терминал, как показано ниже.

Проект React установлен правильно

4. Запустите приложение React

Приведенный выше экран подтверждает успешное создание нашего проекта. Теперь нам нужно запустить сервер, чтобы мы могли получить доступ к приложению в браузере.

Введите следующую команду в cmd:

// This is go into our react project. 
cd myfirstreactapp 


npm start

Войти в полноэкранный режим Выйти из полноэкранного режима

Это приведет к запуску нашего проекта ReactJS, к которому мы сможем получить доступ через локальный браузер.

Проект React успешно запущен

Проект React запущен в локальном браузере

Мы успешно запустили наш собственный проект ReactJs.

5. Заключение

Я надеюсь, что всем было легко следовать этому. Как мы видели выше, установить и запустить ReactJs на нашей системе с помощью NodeJS очень просто. Использование create-react-app позволяет нам сразу же создать проект ReactJs, и мы можем сразу же начать кодить.

Для получения дополнительных статей посетите сайт:

Tech With Sherry