Рецепт портирования React приложения, созданного на скрипте Create React App на систему сборки Vitejs 00:18 Вступление 00:47 Описание приложения для портирования 04:57 Работы приложения в браузере 09:40 Что нужно будет менять в package.json 10:07 Создаем репозиторий для проекта и коммитим файлы 11:50 Настройка публикации проекта на Vercel 14:59 Смотрим опубликованное приложение 15:46 Приступаем к портированию 16:25 Удаление пакета react-scripts 17:06 Установка vite и плагина для реакт 19:04 Добавляем конфиг для vite 20:40 Изменяем index.html 22:02 Меняем разширения для файлов 23:21 Замена скриптов в package.json 23:41 Первый запуск vite версии 25:52 Просмотр тестового билда на Vercel 28:40 Перенастраиваем production деплой на vite 29:47 Передеплой production через фейковый коммит 31:50 Запуск портированного проекта 32:25 Заключение Исходники тут:
По хукам вцелом: • Reactjs Hooks, простыми словами. #easyit ... Хук useEffect: • useEffect hook, простыми словами. #easyit... Хук useSyncExternalStore: • useSyncExternalStore hook, простыми словам... Как работают хуки изнутри: • Reactjs Hooks изнутри, на модели. #easyit... По стрелочным функциям: • Стрелочные функции | Arrow functions • Особенности стрелочных функций #easyit #n... Телеграм канал:
Сериал "Создание простой игры на JavaScript" • Game Martian attack Сериал "Создание SPA приложения на чистом JS": https://www.youtube.com/watch?list=PL...
Видео по работе с vite.js: • Знакомимся с Vitejs. Портирование проекта,... Полезные видео по настройке webpack: Минимальная конфигурация - • Настраиваем сборку проекта с помощью webpack Настройка горячей перезагрузки - • Webpack 5 Настройка горячей перезагрузки |... Настройка сборки проекта с подгрузкой файлов css/scss/изображений - • Webpack 5 Настройка сборки проекта с подгр... Настройка сборки мультистраничного сайта - • Пример конфигурации сборки мульти-страничн... Самый простой способ установить nodejs на Linux и Mac: • Установка Nodejs на Linux и MacOS. #easyit #javascript #reacthooks #reactjs #reactjsforbeginners #vitejs @EasyITChannel
