Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

⭐️ Что стоит знать про работу с массивами и объектами Работа с массивами и объектами — не только про хранение данных, но и про правильную трансформацию, фильтрацию и аккумулирование значений, соблюдая иммутабельность. Что в карточках: ➡️ Что такое иммутабельность и зачем её соблюдать ➡️ Как работают методы массивов map, filter и reduce ➡️ Конкретный пример кода на reduce с объяснением аргументов и отличий от forEach…

🔍 BaseWatch — следит за фичами вместо тебя Сервис отслеживает, когда веб-технологии становятся достаточно поддерживаемыми, чтобы их можно было тянуть в прод. 🔜 Вы просто подписываетесь на нужные фичи 🔜 И получаете уведомление, когда они «дозрели» Как это использовать: — следишь за CSS Grid Lanes → получаешь сигнал, когда можно юзать — ждёшь JPEG XL → не пропустишь момент — не тратишь время на постоянные проверки 🔴…

🤔 Вопрос с собеседования Какое свойство чаще всего забывают при использовании ::before и ::after? 👇 Правильный ответ (нажми, чтобы прочитать): Для псевдоэлементов ::before и ::after почти всегда нужно задавать content. Без него псевдоэлемент обычно не появится на странице. 🟢 Например: .button::before { content: ""; display: inline-block; width: 8px; height: 8px; background: red; } Даже если внутри нет текста, пустая…

😕 TypeScript невозможно нормально выучить только через туториалы Пока не начинаешь писать сложные generic-типы, разбирать infer, conditional types и narrowing — кажется, что TS заканчивается на interface и type. 🔤 TypeHero — платформа для практики TS через реальные задачи. Можно решать готовые челленджи, прокачивать понимание type system и даже публиковать собственные задачи. Особенно полезно тем, кто: ✅ готовится к…

📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause

🤩 HTML-тег, который умеет форматировать формулы У <var> есть довольно узкая, но полезная задача: он обозначает переменную в математическом выражении или программном коде. Например: <p> Формула Эйнштейна: <var>E</var> = <var>m</var> × <var>c</var>² </p> Браузер отображает переменные курсивом, а смысл разметки остаётся понятен не только визуально. 💡 <var> особенно уместен в документации, учебных материалах…

🧊 Иконки для тех, кому надоели обычные SVG Isocons — библиотека изометрических иконок, где можно прямо перед экспортом настроить внешний вид: 🔘 ракурс 🔘 fill / line 🔘 sharp / rounded 🔘 толщину обводки 🔘 SVG или PNG Можно быстро собрать единый набор иконок под интерфейс, не рисуя всё вручную. 🔗 Ссылка 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

👩‍💻 Что нового в Chrome 154 🔴 <iframe> теперь может подстраиваться под содержимое Больше не обязательно вручную измерять высоту через postMessage() — появился frame-sizing: content-height. 🔴 text-decoration-inset Позволяет управлять началом и концом underline, overline и line-through — вплоть до анимированных эффектов без дополнительных элементов и градиентов. 🔴 scroll-marker-group стал гибче Появились режимы links…

🔴 Нужно дать пользователю подсказки, но при этом оставить возможность ввести своё значение? Тут пригодится <datalist>. Он связывается с <input> и показывает набор вариантов, которые можно выбрать или использовать как подсказки: <label for="browser">Браузер:</label> <input list="browsers" id="browser"> <datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Safari"> <option…

🧠 React уже не приносит удовольствия? В 2026 разработчики всерьёз начинают спрашивать: а точно ли React/Next — лучший путь? ❤️ — React всё ещё топ 🔥 — давно пора попробовать другое 👍 — главное не фреймворк, а руки 💬 А вы бы начали новый проект без React? 📍 Навигация: [ Вакансии ] 🐸 Библиотека фронтендера #code_battle