В Rollup появилась поддержка разделения кода на части (chunks). Сами чанки представляют собой обычный ES-модуль, который можно загрузить нативно, либо использовать SystemJS для браузеров, которые ещё не умеют в ES-модули.

https://medium.com/rollup/rollup-now-has-code-splitting-and-we-need-your-help-46defd901c82

#javascript #devtools

Полезное расширение VSCode для тех, кому нужно красиво оформить пример кода – Polarcode:

https://github.com/octref/polacode

#javascript #devtools

"Возможно вам не нужен Rust или WASM для ускорения вашего JS" – говорит Вячеслав Егоров (разработчик V8 и DartVM).
Сегодня у нас сложный материал. На его прочтение может уйти времени больше, чем на просмотр нового Версуса или даже Чёрной Пантеры…
История о том, что для повышение производительности иногда достаточно вооружиться профайлером и знанием алгоритмов, а не гнаться за новыми "хайповыми" технологиями:

http://mrale.ph/blog/2018/02/03/maybe-you-dont-need-rust-to-speed-up-your-js.html

#javascript #perfmatters #devtools

Все уже в курсе, что вышел npm@5.7.0 с автоматическим разрешением git-конфликтов в lock-файлах и новой npm ci командой. Но, как оказалось, есть проблемка – обновление меняет права доступа к системным файлам на Linux системах

https://github.com/npm/npm/issues/19883

#javascript #devtools

📢 Вышел webpack 4.0.0 🚀
◆ Node.js v4 более не поддерживается
◆ Production и development режимы «из коробки»; выбираются ключом --mode
◆ Нативная поддержка импорта JSON-файлов
◆ Упрощена конфигурация: больше не нужно настраивать плагины NoEmitOnErrorsPlugin, ModuleConcatenationPlugin, NamedModulesPlugin – теперь это по-умолчанию сконфигурировано через mode
◆ Удалён CommonsChunkPlugin
◆ Модули WebAssembly
◆ Большое количество внутренних оптимизаций и улучшений производительности…

Подробности: https://github.com/webpack/webpack/releases/tag/v4.0.0

P.S. Астрологи объявили неделю wepback, количество скринкастов по настройке вырастет вдвое! 🌝

#javascript #devtools #webpack

Настраиваем автоматический линтинг и автоформатирование c помощью eslint, prettier и git-хуков: 🔧

https://kostasbariotis.com/progressive-javascript-linting/

#javascript #devtools

Как совместить подкаст и лайв-кодинг сессию?!
Запилить видео-подкаст на youtube!
Вот отличный пример – выпуск Frontend & Backend @frontend_and_backend про паттерны проектирования и V8:

https://www.youtube.com/watch?v=I4f5TEdQMgE

#javascript #devtools #v8

В новом эпизоде funfunfunction небольшой обзор – действительно ли полезен async/await?!
А как вам удобнее писать асинхронный код – асинки, промисы или коллбэки?

https://www.youtube.com/watch?v=ho5PnBOoacw

#javascript #devtools

А что, если научить webpack делать предзагрузку чанков на основании данных из Google Analytics используя модель машинного обучения?! 🤔
Звучит бредово?
А вот Minko Gechev взял и запилил:

http://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/

#javascript #devtools #machinelearning

Nolan Lawson с детальным разбором Lodash и способах сэкономить на размере бандла:

https://nolanlawson.com/2018/03/20/smaller-lodash-bundles-with-webpack-and-babel/

#javascript #devtools #perfmatters