Этот учебник послужит введением в ReactJS. Если вы новичок в ReactJS и хотите получить некоторое представление о том, что такое реакция и с чего начать, то вы попали по адресу.
Что такое ReactJS
ReactJs — это библиотека JavaScript для создания пользовательских интерфейсов. Разработано и поддерживается facebook. Его можно использовать в качестве уровня представления в архитектуре MVC в веб-приложениях, а также для создания быстрого и надежного пользовательского интерфейса для JavaScript.
Требования
Чтобы установить и использовать ReactJS, нам нужны Node.js и NPM.
- Node.js — это среда выполнения JavaScript, которая выполняет код JavaScript вне браузера.
- NPM (Node Package Manager) — это менеджер пакетов для JavaScript и менеджер пакетов по умолчанию для среды выполнения JavaScript. NPM позволяет нам устанавливать библиотеки JavaScript.
Настраивать
Мы можем установить Node с их официального веб-сайта и всегда загружать последнюю версию LTS (долгосрочная поддержка), потому что она более стабильна. Вы также можете установить его из терминала, следуя приведенным ниже инструкциям.
Чтобы установить node и npm, вставьте это в свой терминал и убедитесь, что у вас есть права администратора →sudo apt install nodejs
После этого вы можете проверить установку узла и npm, используя «node -v» и «npm -v» соответственно. Если npm не установился успешно, вы можете использовать эту команду sudo apt-get install npm
Загрузите необходимые пакеты и создайте проект
Теперь у нас есть все, чтобы начать работу над нашим первым простым проектом с использованием ReactJS. Итак, приступим!
- откройте терминал и введите → «npm i -g create-react-app», где i — установить, а -g — глобально.
- Теперь введите → «create-react-app hello-world» здесь hello-world — это имя проекта, это может быть что угодно, это загрузит необходимые пакеты, необходимые для сборки нашего приложения, и это может занять несколько минут в зависимости от вашего скорость интернета так что наберитесь терпения.
Если все прошло правильно, вы получите сообщение, показанное на скриншоте выше. Если вам не удалось получить вышеуказанное сообщение, не паникуйте! вернитесь к процессу установки и убедитесь, что вы правильно выполнили мои инструкции.
Давайте запустим наш первый проект ReactJS
Теперь у вас должен быть проект с именем «hello-world» в вашем домашнем каталоге, если вы правильно следовали моим инструкциям. давайте запустим этот проект.
Чтобы запустить → перейдите в расположение вашего проекта → «cd hello-world» и введите → «npm start».
Если вы получите такое же сообщение в своем браузере, поздравляю!!!
Если вам не удалось получить указанное выше сообщение в браузере, убедитесь, что вы правильно выполнили мои инструкции.
Поздравляю! в вашем первом приложении ReactJS. В моей следующей статье мы изменим этот проект и давайте построим из этого что-то лучшее. А пока береги себя!