Розуміння Структури Проєкту React

Коли ви створюєте React-проєкт за допомогою Vite, генерується набір файлів і папок, які формують структуру проєкту. На перший погляд ця структура може здатися складною, але не потрібно одразу розуміти все.

Ознайомтеся з призначенням кожної основної папки та файлу, а також з тими частинами, з якими ви працюватимете найчастіше.

Огляд кореня проєкту

Типовий Vite React-проєкт містить такі елементи на кореневому рівні:

• node_modules;
• public;
• src;
• index.html;
• package.json;
• package-lock.json;
• vite.config.js;
• eslint.config.js;
• .gitignore;
• README.md;

Розглянемо найважливіші з них.