🔥 Безопасный доступ без falsy-ловушек

В чём разница:

— || реагирует на ВСЕ falsy (0, '', false, null, undefined)
— ?? реагирует ТОЛЬКО на null и undefined
— ?. безопасно идёт по цепочке, не бросая ошибок

💡 Реальный пример:

API вернул { price: 0, inStock: false }

const price = product?.price ?? 99;         // 0
const inStock = product?.inStock ?? true;   // false
const name = product?.name ?? 'Unknown';    // undefined → 'Unknown’

⚡️ Поддержка: ES2020+ (все современные браузеры)

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

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

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

#readme #js

💳 Топ-вакансий недели для фронтендеров

Frontend разработчик (от 200 000 ₽, Москва)

Frontend-разработчик (от 150 000 до 200 000 ₽, Казань)

Frontend - developer (от 130 000 до 180 000 ₽)

Middle Frontend-developer (от 355 500 ₽, Кипр)

➡️ Больше офферов в канале: @jsdevjob

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

👍 Теория мёртвых фреймворков

LLM учатся на React-сайтах и по умолчанию генерируют React. Так появляется ещё больше React-сайтов — цикл замыкается.

AI-инструменты это закрепляют: IDE и генераторы сразу выдают React, потому что его умеют поддерживать.

🔤 Поэтому новые фреймворки проигрывают ещё до старта:

— их нет в обучающих данных LLM
— у них нет экосистемы библиотек
— разработчики их не знают
— компании не хотят рисковать поддержкой

Если фреймворка нет в ответах ИИ — для рынка его просто не существует.

То же самое происходит и с новыми возможностями веб-платформы. Даже хорошие API тонут, потому что у старых React-паттернов — 10+ лет примеров, а у новых фич — пара лет истории.

А кто вообще строит новый веб ❔

Малые команды, одиночки и люди, которые просто хотят «чтобы сайт работал». Они не выбирают стек — они принимают дефолт. А дефолт сегодня — React.

Выживают только вещи, которые нельзя заменить библиотекой: безопасность, навигация, доступ к железу. Всё остальное проигрывает инерции экосистемы.

📎 Выжимка из статьи на Habr

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

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

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

#blueprint

🔍 Как проверить SEO-мета и превью ссылок прямо в браузере

Meta Explorer — Chrome-расширение, которое показывает, как ваша страница выглядит для поисковиков, соцсетей и мессенджеров — прямо в браузере.

Что полезно фронту:

 • noscript, denoscription
 • Open Graph / Twitter Cards
 • favicons
 • Корректность мета для превью ссылок
 • Ошибки: дубли, битые ссылки, проблемы доступности

🟣 Почему удобно в работе:

— Проверка на лету, без копирования URL
— Корректно работает со SPA (React / Vue / Next)
— Можно закрепить и переключаться между страницами
— Чистый, современный UI — видно, что сломано сразу

📎 Ссылка на инструмент

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

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

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

#stack

😏😏

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

#pixel_pause

📌 npm outdated — контроль техдолга в зависимостях

В любом живом проекте зависимости устаревают быстрее, чем кажется.

npm outdated

⏺ Что показывает:

 wanted — безопасное обновление по semver
 latest — последняя доступная версия

Одним взглядом видно, где мелкие апдейты, а где назревает боль.

Зачем используют:

🔴 Контроль техдолга

Показывает пакеты, которые давно не трогали и которые со временем выстрелят багами.

🔴 Планирование апдейтов

Помогает отделить:
• patch / minor — обновить быстро
• major — вынести в отдельную задачу

🔴 Подготовка к крупным обновлениям

Перед апдейтом React / Next / Vue сразу видно, какие зависимости не готовы.

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

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

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

#readme #npm

🥹🥹 Bun v1.3.5 — ключевые изменения

Крупное обновление с фокусом на CLI-инструменты и производительность.

🖥 PTY / Terminal API

Поддержка псевдотерминалов — теперь можно запускать bash, vim, htop и как в настоящем TTY.

— isTTY = true из коробки
— Поддержка цветов, управления курсором, input/resize событий
— Работает на Linux и macOS

🧩 Compile-time feature flags

Условная компиляция с автоматическим tree-shaking на этапе сборки.

if (feature("PREMIUM")) enablePaid();

bun build --feature=PREMIUM --minify

Меньший размер бандла, нулевой runtime-оверхед, типобезопасность из коробки.

🔘 Bun.stringWidth

Корректный расчёт ширины для emoji (ZWJ, flags, skin tone), ANSI/OSC, zero-width символов.

Критично для CLI и TUI-приложений.

☁️ S3: Content-Disposition

Контроль имени файла и режима (inline/attachment).

⚡️ Совместимость и исправления

— Реализованы новые V8 type-check API
— Исправлены проблемы с CPU spin на macOS
— Фиксы WebSocket и bunx на Windows
— Улучшена совместимость с Node.js
— Патчи безопасности

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

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

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

#release_digest

🔗 Вопрос с собеседования на Junior Frontend

👇 Правильный ответ (нажми, чтобы прочитать):

Хэш-таблица — это структура данных для хранения пар ключ–значение, где доступ к элементу осуществляется через хэш-функцию.
В среднем операции вставки, поиска и удаления выполняются за O(1), но при коллизиях возможна деградация до O(n).
Коллизии решаются, например, через цепочки или открытую адресацию.
В JavaScript аналогами являются Object и Map, при этом Map лучше подходит для частых операций добавления и удаления.

💼 Щелкаешь такие задачи как орешки? Найди проект с достойной зарплатой тут

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

#career_merge