filmov
tv
Как написать плагин для Babel: меняем JavaScript так, как нам хочется (часть 2)
Показать описание
Продолжаем изучать Babel - транспилятор JavaScript. В этом видео мы узнаем, как написать свой Babel-плагин, чтобы расширить возможности языка и поменять его так, как нам хочется.
Музыка:
► Artist Attribution
Music By: "After The Fall"
Track Name: "Tears Of Gia"
Published by: Chill Out Records
Official After The Fall YouTube Channel Below
License: Eric/After The Fall @ Just Chill Productions
Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
00:00 Главное из прошлого видео
01:31 Устройство Babel при работе с плагинами
03:32 Грамотное расширение функционала - Visitor
05:00 Всё, что нужно — предоставить Visitor
05:33 Идея: что будем делать?
06:45 Приступаем к работе!
07:58 Смотрим, что предоставляет нам Babel
08:39 Инструмент для просмотра AST
09:02 Как будет работать плагин
09:35 Начинаем превращения: Babel Types
11:49 Создаём новый объект-параметр
12:59 Проверяем, всё ли работает
13:22 Преобразовываем код вызова функций
14:08 Готово! Смотрим, как оно работает
14:48 Почему мы написали вредный плагин
15:23 Резюмируем: как писать плагин?
15:49 Как можно использовать в работе?
16:17 Заключение
#babel #plugin #плагин #javascript #es6 #es2021 #es2022
Музыка:
► Artist Attribution
Music By: "After The Fall"
Track Name: "Tears Of Gia"
Published by: Chill Out Records
Official After The Fall YouTube Channel Below
License: Eric/After The Fall @ Just Chill Productions
Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
00:00 Главное из прошлого видео
01:31 Устройство Babel при работе с плагинами
03:32 Грамотное расширение функционала - Visitor
05:00 Всё, что нужно — предоставить Visitor
05:33 Идея: что будем делать?
06:45 Приступаем к работе!
07:58 Смотрим, что предоставляет нам Babel
08:39 Инструмент для просмотра AST
09:02 Как будет работать плагин
09:35 Начинаем превращения: Babel Types
11:49 Создаём новый объект-параметр
12:59 Проверяем, всё ли работает
13:22 Преобразовываем код вызова функций
14:08 Готово! Смотрим, как оно работает
14:48 Почему мы написали вредный плагин
15:23 Резюмируем: как писать плагин?
15:49 Как можно использовать в работе?
16:17 Заключение
#babel #plugin #плагин #javascript #es6 #es2021 #es2022
Как написать плагин для Babel: меняем JavaScript так, как нам хочется (часть 2)...
Как работать с AST. Пишем eslint правило, codemode и babel plugin. Алексей Кудашкин. Астрал-Софт...
Babel: Пишем СЕРВЕР на JSX! Как и для чего используют известный транспайлер (часть 1)...
Что такое BABEL и его настройка (2020)
React 24: babel-plugin-module-resolver
DevOps. Урок 2. Babel настройка, пресеты, плагины
Готовая сборка gulp BABEL. Что такое babel и как его установить....
Илья Лесик — Dive into Babel
Use Babel to codemod your code
Webpack за 2 минуты
New Babel Plugin - Transform CSSTag – Kyrylo Yakovenko
Javascript - Полифилы - Babel - 24
ES2015 и Babel.js
07 babel-loader
Nicolò Ribaudo — Babel: A refactoring tool (SUB ENG+RUS)
148 Babel Presets
Транспиляция и babel
@babel/standalone или запускаем JSX в браузере | Вебинар | karpov.courses dev...
Инструменты разработки: npm, package.json, babel, eslint, stylelint, webpack, react-scripts...
React js настройка node js webpack babel react js
Using and writing custom babel macros with create-react-app v2
Babel plugins: Writing code that writes code - SingaporeJS
7. webpack babel react
Инфраструктура Frontend: npm, modules, webpack, jest, babel, eslint | пакеты, модули, бандлы и тесты...
Комментарии