Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.3K subscribers
2.48K photos
157 videos
38 files
4.87K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
Какой тег HTML добавили специально ради мемов в 90-х
Anonymous Quiz
12%
<wave>
49%
<comic>
24%
<blink>
14%
<shake>
😁6🤔5
🛠 Фишка инструмента: Bundle Buddy

Bundle Buddy — это анализатор бандлов, который показывает, где ваш фронтенд тянет дубликаты кода. Иногда один и тот же модуль попадает в разные чанки — и вы даже не замечаете, как сборка пухнет.

Что дает:

Находит повторяющиеся строки кода между чанками

Работает через source-map (нужно включить исходники)

Для Webpack есть плагин bundle-buddy-webpack-plugin

В интерфейсе видно, какой код встречается в нескольких бандлах

Пример запуска:

npx bundle-buddy ./build/*.js.map


После этого открываете браузер и видите интерактивный граф с пересечениями кода.

🔗 GitHub проекта

🐸 Библиотека фронтендера

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
🧑‍💻 Современный Node.js для фронтенда

Node.js стал платформой с веб-стандартами, встроенным тестированием и современными асинхронными паттернами.

В карточках разберем ключевые подходы:

— Модули
— Top-level await
— Встроенные веб-API
— Потоки
— Worker Threads

🔗 Читать полный текст статьи

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥53