Сборка проекта с ParcelJS. Собираем базовое React-приложение
Подготавливаем базовое React-приложение без использования Webpack и стандартной утилиты create-react-app. Учимся использовать быстрый сборщик ParcelJS (до 20 раз быстрее, чем Webpack). Никаких сложных и запутанных конфигураций. Только сам инструмент и два коротких скрипта к нему: один - для разработки, второй - для итоговой сборки.
Помимо React сборщик ParcelJS умеет обрабатывать множество форматов и готов из коробки начать работать с популярными фреймворками, вроде Vue, Svetle или Bootstrap. А сайт createapp.dev позволит в пару кликов получить необходимую структуру для старта над будущим проектом.
00:00 Введение
01:15 Знакомство с ParcelJS
03:27 Начало работы с ParcelJS
06:46 Сборка для разработки
08:33 Production сборка проекта
09:31 Подключение стилей с препроцессором
10:57 Подготовка базового React-приложения
15:38 Рецепты ParcelJS (Vue, Svetle, TypeScript)
16:41 Подготовка конфигов на createapp.dev
17:54 Подведение итогов
#parceljs #react
_ _ _
Мои курсы по вебу:
✅ React с нуля для начинающих
https://www.udemy.com/course/react-from-scratch/?referralCode=70FE9D0CB9009867C1FE
✅ Компетенция Верстальщик (HTML, CSS, JavaScript) https://www.udemy.com/course/web-coder/?referralCode=3DB7FF46B6A8A24057E2
✅ Инструменты веб-разработчика
https://www.udemy.com/course/webtools/?referralCode=03D2FB9203E43756D17E
✅ Современный ускоритель для HTML
https://www.udemy.com/course/pugjade-html/?referralCode=306E03E55141BF3E2353
✅ Создание сайтов без программирования
https://www.udemy.com/course/wordpress-pcgramota/?referralCode=B165A3D878157BCC71FD
📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/
Видео Сборка проекта с ParcelJS. Собираем базовое React-приложение канала Михаил Непомнящий
Помимо React сборщик ParcelJS умеет обрабатывать множество форматов и готов из коробки начать работать с популярными фреймворками, вроде Vue, Svetle или Bootstrap. А сайт createapp.dev позволит в пару кликов получить необходимую структуру для старта над будущим проектом.
00:00 Введение
01:15 Знакомство с ParcelJS
03:27 Начало работы с ParcelJS
06:46 Сборка для разработки
08:33 Production сборка проекта
09:31 Подключение стилей с препроцессором
10:57 Подготовка базового React-приложения
15:38 Рецепты ParcelJS (Vue, Svetle, TypeScript)
16:41 Подготовка конфигов на createapp.dev
17:54 Подведение итогов
#parceljs #react
_ _ _
Мои курсы по вебу:
✅ React с нуля для начинающих
https://www.udemy.com/course/react-from-scratch/?referralCode=70FE9D0CB9009867C1FE
✅ Компетенция Верстальщик (HTML, CSS, JavaScript) https://www.udemy.com/course/web-coder/?referralCode=3DB7FF46B6A8A24057E2
✅ Инструменты веб-разработчика
https://www.udemy.com/course/webtools/?referralCode=03D2FB9203E43756D17E
✅ Современный ускоритель для HTML
https://www.udemy.com/course/pugjade-html/?referralCode=306E03E55141BF3E2353
✅ Создание сайтов без программирования
https://www.udemy.com/course/wordpress-pcgramota/?referralCode=B165A3D878157BCC71FD
📢 Заказать консультацию можно здесь https://pcgramota.com/courses/konsultacija-prepodavatelja/
Видео Сборка проекта с ParcelJS. Собираем базовое React-приложение канала Михаил Непомнящий
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
The Parcel Bundler - A SUPER Easy JavaScript Bundler for your ProjectsWebpack. Полный курс 2020Курс JavaScript-практика (модули). #02. Структура проекта. Node.js, NPM и ParcelПрактика по массивам - получаем прогноз погоды по APIАнимация перехода между страницами в React SPA с react-springКак учиться эффективно и стать разработчикомЧто такое рекурсия. Фундаментальный JavaScriptИзучаем JavaScript за 90 минутПортфолио на GitHub Pages для разработчикаSass with auto-refresh (and more) made easyГде веб-разработчику искать задания для практики и портфолиоДелаем первое мобильное приложение для iOS и Android [React Native, JavaScript]Методы промисов и когда их применять. Фундаментальный JavaScriptParcel JS HTML JavaScript CSS (SCSS, SASS) Workflow - Parcel Bundler Comprehensive OverviewJS модули - как сделать экспорт и импорт. Фундаментальный JavaScriptКак продолжать учиться веб-разработчику и преподавателюПочему Node.js такая быстрая, если тред всего один?Parcel 2: The Best Frontend BundlerEasy Frontend JS Workflow With No FrameworkJavaScript ES6 Modules