Библиотека фронтендера | 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
🧩 Скрытый баг в списке


{items.map((item, index) => (
<input
key={index}
defaultValue={item.name}
/>
))}


На тесте замечено:

— При удалении элемента данные «съезжают» — значения в инпутах не совпадают с item.name.

— Иногда при редактировании одного поля меняется значение в другом.

В чём настоящая проблема? Отвечайте правильным эмодзи 👋

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

#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥70🥱82🤩2🌚2
Иногда реально ощущение, что нас держат в Матрице.

Большинство сидит, читает статьи про ML, смотрит ролики «как это работает» — и всё.

Сегодня последний день промокода Lastcall (−5000 ₽).
Уже завтра стартует первый вебинар по Машинному обучению — полный набор для выхода из Матрицы.

Кто готов вырваться из симуляции и ворваться в сезон найма?

👾 — я уже в команде Нео
👍 — хочу красную таблетку
🤔 — пока думаю, но интересно

👉 Забронируй место сейчас
🤔31👍1🌚1👾1
😎 Топ-вакансий для фронтендеров за неделю

Frontend-разработчик — от 250 000 ₽, гибрид (Москва)

Middle React Developer — удаленно

JavaScript Developer — гибрид (Москва)

Frontend-разработчик (TypeScript) — от 150 000 до 200 000 ₽, офис (Санкт-Петербург)

Junior Frontend Developer (React) — от 160 000 ₽, офис/гибрид (Москва/Санкт-Петербург)

➡️ Еще больше топовых вакансий — в нашем канале Javascript jobs

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

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6👍1
⚛️ Шпаргалка по ключевым фичам React

В гайде собраны основные примеры: server components, useOptimistic, работа с формами, ошибки, контекст и многое другое.

🔥 Удобный способ быстро освежить в памяти ключевые фичи без перелопачивания доков.

Ниже — полная шпаргалка с примерами, которую удобно держать под рукой 📌

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍1👏1
Как справляться с ошибками в проде

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

➡️ В карточках — практики 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
😁3