У попередніх розділах ми вивчили основи React. Тепер ми знаємо, як створювати компоненти, керувати ними, виводити інформацію та реалізовувати логіку. Проте всі ці завдання ми виконували в CodeSandbox, який чудово підходить для навчання.

Але як щодо реальних проектів? Чи всі розробники створюють проекти в CodeSandbox? Звісно ж, ні. Цей розділ присвячений тому, щоб допомогти вам розпочати проект на вашій локальній машині, провести вас через цей процес крок за кроком.

Крок 1: Встановлення Node.js та npm

Нам потрібно встановити Node.js та npm на локальній машині.

Node.js - це середовище виконання з відкритим вихідним кодом, яке дозволяє запускати JavaScript-код на стороні сервера.

npm розшифровується як "Node Package Manager". Це менеджер пакетів для Node.js, який дозволяє розробникам легко встановлювати, керувати та ділитися пакетами або модулями коду JavaScript, які можна використовувати повторно.

• Перейдіть на офіційний сайт Node.js: https://nodejs.org
• Завантажте інсталятор для вашої операційної системи (Windows, macOS або Linux). Ми зацікавлені у версії LTS, оскільки вона є стабільною та робочою.

• Запустіть інсталятор і дотримуйтесь інструкцій по встановленню.
• Після встановлення на комп'ютері мають бути встановлені Node.js та npm (Node Package Manager).

Як перевірити, чи встановлені Node.js та npm?

Щоб перевірити, чи встановлені Node.js і npm на машині, ми можемо відкрити термінал комп'ютера (командний рядок, PowerShell або емулятор терміналу) і виконати команди. Крок за кроком:

1. Відкриваємо термінал в різних операційних системах
   • Windows: Натисніть Win + X і виберіть "Windows PowerShell" з меню. Також ви можете знайти "PowerShell" в меню "Пуск".
   • macOS: Перейдіть до "Програми" > "Утиліти" > "Термінал". Інший варіант - скористатися пошуком "Spotlight", натиснувши Cmd + Пробіл і ввівши "Terminal".
   • Linux: У багатьох дистрибутивах Linux для відкриття терміналу зазвичай використовується комбінація клавіш Ctrl + Alt + T. Однак, залежно від конкретного дистрибутива, можуть існувати інші методи, наприклад, пошук "Термінал" у меню програм або використання іншого поєднання клавіш.

     Примітка

     Якщо жоден з цих методів не працює, рекомендується звернутися до документації або ресурсів підтримки операційної системи, щоб знайти відповідний спосіб відкрити термінал. Або ми завжди можемо скористатися гуглом.

2. Перевірте версію Node.js. У терміналі виконайте наступну команду.

Ця команда покаже версію Node.js, встановлену на машині. Якщо Node.js встановлений, ми побачимо номер версії.

1. Перевірка версії npm. У терміналі виконайте наступну команду.

Ця команда покаже версію npm, встановлену на машині. Якщо npm встановлено, ми побачимо номер версії.

Якщо обидві команди повертають номери версій, то Node.js і npm успішно встановлені і доступні на машині. Якщо команди не розпізнаються або повертають помилку, це означає, що Node.js та/або npm не встановлені, або їхні шляхи встановлення налаштовані неправильно. У такому випадку нам може знадобитися переглянути кроки встановлення Node.js і переконатися, що встановлення було завершено успішно. Іноді рекомендується перезавантажити машину.

Примітка

Наразі не має значення, яку версію ми отримаємо.