Загрузка страницы

Сборка проекта с 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-приложение канала Михаил Непомнящий
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
13 сентября 2020 г. 20:44:57
00:19:55
Другие видео канала
The Parcel Bundler - A SUPER Easy JavaScript Bundler for your ProjectsThe Parcel Bundler - A SUPER Easy JavaScript Bundler for your ProjectsWebpack. Полный курс 2020Webpack. Полный курс 2020Курс JavaScript-практика (модули). #02. Структура проекта. Node.js, NPM и ParcelКурс JavaScript-практика (модули). #02. Структура проекта. Node.js, NPM и ParcelПрактика по массивам - получаем прогноз погоды по APIПрактика по массивам - получаем прогноз погоды по APIАнимация перехода между страницами в React SPA с react-springАнимация перехода между страницами в React SPA с react-springКак учиться эффективно и стать разработчикомКак учиться эффективно и стать разработчикомЧто такое рекурсия. Фундаментальный JavaScriptЧто такое рекурсия. Фундаментальный JavaScriptИзучаем JavaScript за 90 минутИзучаем JavaScript за 90 минутПортфолио на GitHub Pages для разработчикаПортфолио на GitHub Pages для разработчикаSass with auto-refresh (and more) made easySass with auto-refresh (and more) made easyГде веб-разработчику искать задания для практики и портфолиоГде веб-разработчику искать задания для практики и портфолиоДелаем первое мобильное приложение для iOS и Android [React Native, JavaScript]Делаем первое мобильное приложение для iOS и Android [React Native, JavaScript]Методы промисов и когда их применять. Фундаментальный JavaScriptМетоды промисов и когда их применять. Фундаментальный JavaScriptParcel JS HTML JavaScript CSS (SCSS, SASS) Workflow - Parcel Bundler Comprehensive OverviewParcel JS HTML JavaScript CSS (SCSS, SASS) Workflow - Parcel Bundler Comprehensive OverviewJS модули - как сделать экспорт и импорт. Фундаментальный JavaScriptJS модули - как сделать экспорт и импорт. Фундаментальный JavaScriptКак продолжать учиться веб-разработчику и преподавателюКак продолжать учиться веб-разработчику и преподавателюПочему Node.js такая быстрая, если тред всего один?Почему Node.js такая быстрая, если тред всего один?Parcel 2: The Best Frontend BundlerParcel 2: The Best Frontend BundlerEasy Frontend JS Workflow With No FrameworkEasy Frontend JS Workflow With No FrameworkJavaScript ES6 ModulesJavaScript ES6 Modules
Яндекс.Метрика