Початок Проекту

Крок 6: Ініціалізація проекту

Для запуску проекту ми скористаємося терміналом. Виконайте наступні кроки:

• Відкрийте термінал у вашому редакторі коду (якщо він ще не відкритий).
• Виконайте наступну команду і натисніть Enter:

Команда npx використовується для запуску пакета create-react-app без необхідності його глобального встановлення. Крапка (.) в кінці вказує на те, що проект повинен бути створений в поточному каталозі.

Примітка

Ініціалізація проекту може зайняти деякий час. Дозвольте вашому комп'ютеру впоратися з процесом встановлення.

Коли це буде зроблено, ви побачите повідомлення в терміналі: Happy hacking!.

Окрім повідомлення з підтвердженням, кореневий каталог проекту матиме таку структуру:

Крок 7: Почніть налаштування

Коли проект створено, настав час почати кодування та налаштування його під ваші потреби. Ось що вам потрібно знати:

• Ваша основна увага буде зосереджена на папці src.
• У папці src ви знайдете різні файли. Щоб створити свій персоналізований проект, ви можете видалити їх усі.
• Дотримуйтесь архітектури проекту, яку ви використовували в CodeSandbox. Створіть файл index.js як основну точку входу, а весь проект створіть у файлі App.jsx.
• Упорядкуйте компоненти і стилі, створивши нові папки за необхідності.

Крок 8: Перегляд вашого проекту

Щоб переглянути сторінку вашого проекту в реальному часі, виконайте наступну команду в терміналі і натисніть Enter:

Це запустить ваш React-додаток, і ви зможете отримати до нього доступ у веб-браузері.