Скачать с ютуб Vite - Подробный урок для начинающих в хорошем качестве

Vite - Подробный урок для начинающих

Веб-дизайн для начинающих. Полный курс: https://wd-m.ru/webdesign Изучаем Vite в связке с React. Vite - это инструмент для сборки и сервер для современной веб-разработки. Сегодня мы рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое. Все курсы в одном комплекте: https://wd-m.ru/bundle Создание сайта от А до Я: https://goo.gl/ankxq9 Расширение VS Code: ES7+ React/Redux/React-Native snippets Документация Vite: https://vite.dev/guide/ Сниппеты React: https://github.com/r5n-labs/vscode-re... Плагины Vite: https://github.com/vitejs/awesome-vit... Путь веб-разработчика:    • ПУТЬ ВЕБ-РАЗРАБОТЧИКА С ПОЛНОГО НУЛЯ   Таймкоды: 00:00 Начало урока 00:18 Возможности Vite 00:49 Vite vs Webpack 01:52 Что не так с Webpack и CRA 02:26 Как работает Vite 02:56 Как происходит сборка 03:31 Связка Vite + React 03:51 Как начать работать с Vite 04:03 Конфигурация проекта 05:09 Структура проекта 05:28 Обзор package.json 06:09 Конфигурация Vite 06:35 Настройка сервера 07:21 Обзор index.html 08:09 Обзор main.jsx 08:45 Обзор App.jsx 09:12 Установка модулей 09:35 Запуск сервера Vite 10:04 Обзор демо-страницы 10:34 Создание React компонента 10:58 VS Code плагин для React 11:18 Сниппеты для React 12:17 Подключение компонента 12:57 Как работает HMR 13:18 Переменные окружения 15:06 CSS Препроцессоры в Vite 17:39 Sass Legacy JS API Vite 18:33 Сборка проекта 19:40 Запуск сервера в папке 21:02 Плагины для Vite 22:16 Что ещё изучить? ВКонтакте: https://vk.com/jediweb Телеграм: https://t.me/jediweb Дзен: https://dzen.ru/jediweb #programming #webdevelopment #webdesign Спасибо за просмотр видео Vite - Подробный урок для начинающих