Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js – Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.95K photos
214 videos
49 files
5.23K links
Все самое полезное для фронтенда в одном канале.

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
🧩 Bento Grid: как сетка стала говорить за интерфейс

Bento Grid — асимметричная сетка, где размер блока отражает его важность. Паттерн пришёл из продуктового дизайна и стал стандартом для лендингов, дашбордов и портфолио.

Его используют Apple, Vercel, Linear, Stripe — чтобы выстраивать иерархию без лишних акцентов. Выше — карточки с разбором: от идеи до кода и best practices.

🔗 Наглядный пример с codesandbox

📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#ux_review
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5🥰3🥱1
🎓 Твой опыт стоит дорого — стань экспертом Proglib Academy

Чувствуешь, что накопил достаточно знаний, чтобы делиться ими с другими?

Мы ищем сильных практиков, которые хотят попробовать себя в роли:

— преподавателей;
— авторов курсов;
— наставников.

Это возможность не только монетизировать экспертизу, но и прокачать личный бренд, структурировать собственные знания и вырастить новое поколение специалистов.

👉 Заполни короткую анкету
😁4🥰3
🧃 Microsoft предложила API для диагностики задержек в сложных веб-приложениях

Если в приложении много iframe, воркеров или окон с postMessage() — это для вас.

Проблема:

Сообщения между контекстами могут тормозить, приложение подвисает. Задержка видна, но без понятной причины: main thread, очередь сообщений или сериализация.

🔤 Решение — Delayed Message Timing API:

Новый PerformanceObserver показывает:

— сколько сообщение провело в очереди (`blockedDuration`)

— какие задачи его блокировали

— время сериализации

— полный тайминг от отправки до обработки


🔴 Что делать с данными:

Высокий blockedDuration + длинная задача → разбить на чанки  

Высокий taskCount → батчить сообщения, debounce

Медленная сериализация → Transferable, меньше payload


Статус:

📌 Intent to Prototype в Chromium
📌 Другие браузеры молчат
📌 Microsoft собирает фидбек

💬 Что от вас хотят:

Если сталкиваетесь с тормозами в cross-context коммуникации — расскажите о своих кейсах в GitHub Issues. Это поможет сделать API полезнее.

🔗 Полный explainer
🔗 Статья в блоге Microsoft Edge

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

#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰73👍2
Frontend больше не заканчивается на UI

Ваши приложения становятся умнее, но простого fetch к LLM уже недостаточно для UX уровня 2026 года. Чтобы создавать настоящий Next-Gen, нужно понимать, как работают AI-агенты под капотом.

Мы обновили курс «Разработка AI-агентов», сделав его понятным и для тех, кто не пишет на Python 24/7.

Что внутри для инженера:

No-code прототипирование: LangFlow для быстрой сборки логики (визуально, как вы любите).
Tool Calling: Как научить нейронку нажимать кнопки и вызывать функции на фронте.
RAG и Векторные БД: Pinecone, Chroma — чтобы агент помнил контекст пользователя.

В отличие от старой версии, здесь есть Обзорный трек: вы поймете архитектуру и сможете грамотно ставить задачи бэкенду, не закапываясь в torch.

⚡️ Промо 3 в 1:

Берете курс по агентам — получаете два курса в подарок. Например, можно захватить «Алгоритмы» или «Математику».

Ссылка на программу
🥰5🥱4
⚙️ Git: remote’ы, которые ломают сборки

Проблема часто не в коде, а в том, откуда он взят.

Зачем git remote:

Когда есть dev / stage / prod, форки и PR, легко:

— тестировать не ту версию
— чинить несуществующий баг
— деплоить «не туда»

Полезные команды:

🔵 Подключить fork или окружение


git remote add <name> <url>


🔵 Проверить источники кода (must-have)


git remote -v


🔵 Посмотреть доступные ветки


git remote show <name>


🔵 Переименовать origin → prod


git remote rename <old> <new>


🔵 Убрать лишний remote


git remote remove <name>


📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#readme #git
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰43