Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.2K subscribers
2.53K photos
165 videos
39 files
4.92K links
Все самое полезное для фронтенда в одном канале.

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
Как справляться с ошибками в проде

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

➡️ В карточках — практики SRE: как подготовиться заранее, изолировать сбой во время ошибки и что делать после, чтобы баги разбирались быстрее.

🔗 Полный разбор — по ссылке

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍3😁2
👀 Как находить layout thrashing и фиксить

Иногда интерфейс начинает лагать: скролл рвётся, анимации дергаются. Причина часто в layout thrashing — код заставляет браузер многократно пересчитывать разметку.

Что это:


const h = el.offsetHeight; // пересчёт
el.style.height = (h + 10) + "px"; // новый пересчёт


💡 Если такое внутри scroll/resize или цикла → интерфейс задыхается.

Как найти:

➡️ DevTools → Performance: красные "Layout".

➡️ Console: Forced reflow warnings.

➡️ Rendering → Layout Shift Regions подсветят проблемные зоны.

Как исправить:

— Кэшировать значения layout;

— Использовать requestAnimationFrame;

— Обновлять классы пачкой, а не inline-стили;

— Для крупных проектов — fastdom (разделяет read/write).

📌 В 30% случаев «необъяснимые» лаги во фронте — это forced reflow.

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5🌚1
Media is too big
VIEW IN TELEGRAM
Я иду на главное событие осени в медиа🔥

Если ты участник рекламного рынка, блогер, владелец канала / сетки каналов, медиа персона, организатор событий - то 11 сентября тебе нужно быть на Trendsetters MEDIA 4.0

1500 избранных на одной супер медиатусовке. Не хватает только тебя😘

🥂 Free bar и welcome drink
🤫 Инфлюенс-зона с отдельным входом, фуршетом и развлекательной программой
🕺 Afterparty с DJ и кавер-группой
📱 Закрытый чат участников
*исходя из уровня твоего билета

🎤 Спикеры:
• Николай Соболев — один из самых влиятельных видеоблогеров поколения, 5+ млн подписчиков;
• Владимир Алексеев — основатель Единого Рекламного Агентства ЕРА и платформы ТутБартер.РФ
• Кирилл Диденок — digital-продюсер, основатель Didenok Team;
• Илья Гончаренко — сооснователь Instadium;
• Мария Зазулинская - директор направления gr продаж Департамента по работе с инфлюенсерами и медиастратегии;
• Татьяна Иванова — сооснователь hello blogger (АБА Group);
• Владимир Мосин — CEO Telega.in, экс-Сбер и Яндекс.
…и другие топы индустрии

Получите -30% от стоимости билета
Проходи на сайт и на странице оплаты введите код «VOVA30».

Кстати, мероприятие пройдет в
AG Loft, вы только посмотрите на эту локацию

Увидимся 11 сентября!
Внимание! по вопросам аккредитации клиентов, партнеров и блогеров к @ByAlexeev
😁32
Генератор моков для API

Не всегда есть готовый бэкенд, а верстать и тестировать надо. Для этого можно использовать промпт:

You are a mock API generator.
Given an API schema (OpenAPI or JSON example), create realistic mock data.
– Include edge cases (empty, very long strings, invalid values).
– Output JSON arrays I can plug into MSW/Mock Service Worker.


💡 На выходе — готовые данные для разработки и отладки. Причём не только «идеальные», но и граничные кейсы: пустые строки, слишком длинные значения, некорректные типы.

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4👏2