Войти
  • 6581Просмотров
  • 2 месяца назадОпубликованоАлександр Ламков — Friendly Frontend

Как создать проект на React через Vite. Установка, настройка и структура проекта

⚡ Получить весь курс (22 урока) сразу: ✏️ Создадим проект на React с помощью Vite. Разберём, почему Vite — лучший выбор для новичков и чем он отличается от CRA и Webpack. Покажу, как установить и проверить, всё ли настроено. Пошагово пройдём мастер создания проекта: выберем нужный шаблон, установим зависимости и запустим dev-сервер. Объясню, что за структура у проекта: куда вставляется React, что делает , зачем нужен , и какие файлы можно сразу удалить. Подчистим проект от стартовой вёрстки, чтобы осталась чистая заготовка для To Do List. ❤️ Ранний доступ к видео и доступ к закрытому чату: 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:39 | Почему Vite, а не CRA или Webpack ▶ 01:49 | Установка ▶ 02:53 | Создание проекта через Vite ▶ 06:48 | Обзор структуры проекта ▶ 11:52 | Удаление лишнего ▶ 13:41 | Заключение 📚 Ссылки из видео: ➖ NodeJS скачать: ➖ Vite официальная документация: 🧑‍💻 Основной телеграм-канал: 💬 Коммьюнити-чат в телеграме (помощь новичкам): 🗂️ Бесплатные курсы на канале: 🟠 HTML: 🔵 CSS: 🟡 JS: 🟢 A11y: 🗺 Frontend Roadmap: ⚪️ Мастер-класс по верстке для новичков: 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): ⚫️ Мастер-класс по верстке с практикой по JavaScript: 🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ: 📌 Автор: ➖ Личный сайт: ➖ Telegram: ➖ Boosty: ➖ GetMentor: ➖ Stepik (платные курсы и мастер-классы): #frontend #фронтенд #react #reactjs