Крок 3: Створення папки проєкту

Тепер, коли всі необхідні зовнішні інструменти підготовлені, можна розпочати створення проєкту. Завдання — створити нову порожню папку спеціально для проєкту, де не зберігатиметься нічого зайвого.

Послідовність дій:

1. Вибір розташування: Оберіть місце на вашому комп’ютері, де ви хочете створити папку проєкту. Це може бути будь-яка зручна для вас локація, наприклад, робочий стіл або певний каталог;
2. Створення нової папки: Клацніть правою кнопкою миші у вибраному місці та оберіть "Створити папку" у контекстному меню;
3. Назва папки: Дайте папці змістовну назву. Вона буде кореневою папкою вашого React-проєкту, тому оберіть інформативну та релевантну назву відповідно до призначення проєкту. Наприклад, це може бути movies-app, store-app, posts-app, learning-system-app тощо.

Наприклад, створимо порожню папку з назвою movies-app.

Крок 4: Відкриття папки у вашому редакторі коду

Щоб розпочати роботу над проєктом, потрібно відкрити папку movies-app у вашому редакторі коду, наприклад, у Visual Studio Code або іншому редакторі на ваш вибір.

Дотримуйтесь наступних кроків:

• Запустіть редактор коду. У нашому прикладі використовується Visual Studio Code (VS Code);
• Натисніть на іконку провідника, розташовану у верхньому лівому куті інтерфейсу VS Code;

• Натиснути кнопку "Open Folder" у панелі провідника;

• Знайти папку movies-app на комп'ютері та вибрати її. Після виконання цих дій назва папки, movies-app, має відображатися в інтерфейсі вашого редактора коду.

Тепер, коли папку проєкту налаштовано та відкрито у редакторі коду, можна розпочинати створення React-додатку!