Frontender's notes [ru]


Kanal geosi va tili: Rossiya, Ruscha


Ведущий канал о современном фронтенде: статьи, новости, практики, вайбкодинг и автоматизация фронта ИИ-агентами.
Личный блог автора - @just_genych
MAX - https://max.ru/frontendnoteschannel_ru
По вопросам рекламы или разработки - @g_abashkin

Зарегистрирован в РКН
Bog‘liq kanallar  |  O‘xshash kanallar

Kanal geosi va tili
Rossiya, Ruscha
Statistika
Postlar filtri


Elementor и я: 9 вещей, до которых дошло после одного убитого сайта

Год назад мы с корешем пилили интернет-магазин для его девушки — она модель, замутила капсулу шмоток вместе с брендом. Каталог подняли на WooCommerce, а главную, лукбук и промо-баннеры под каждую коллекцию собирали в Elementor. Чтобы не тормозить, вёрстку закинули в HTML-виджеты и подкрутили стили.

Недели через две прилетает: «кажется, я сломала сайт». Хотела просто переписать текст на баннере, открыла виджет, увидела гору div-ов, аккуратно поправила пару строк — и заодно случайно снесла один закрывающий тег. Половина главной поехала, подвал встал посреди лукбука.

Автор честно признаёт: Elementor брали ровно за это — чтобы она сама, мышкой, без разработчиков правила баннеры и тексты. А вышло, что он вручил ей конструктор, а внутри у него лежит обычный HTML.

Читать далее

👉 Frontender's notes


Из шести деплоев в один: общий сайдбар на Module Federation

Если у тебя несколько фронтенд-сервисов, где одни и те же компоненты живут копипастой — взять хотя бы сайдбар — ты либо уже в этом болоте, либо вот-вот туда съедешь. Автор доехал ровно на шестом сервисе: докинуть один пункт меню = шесть pull-request'ов, шесть ревью, шесть деплоев и не пойми сколько прогнанных CI-пайплайнов, и всё ради одной строчки навигации.

Перебрали варианты и упёрлись в Module Federation. Сделали прототип, пощупали пару плагинов, поймали пару багов, вылечили и затащили в код продакшен-сервисов. С тех пор общий UI-каркас живёт сам по себе и деплоится отдельно от остальных сервисов — уже два года без проблем.

В статье — ретроспектива по двум плагинам для подключения Module Federation: какими они были два года назад и что из себя представляют сейчас, как выглядит конфиг на Vite для каждого, плюс технические нюансы и ограничения.

Читать далее

👉 Frontender's notes


Cache Control для Claude Code

Хозяин канала прямо топит за мод Cache Control в Claude Code. Мол, из всего зоопарка модов именно этот лучше всех бережёт токены и даёт сессиям жить заметно дольше.

Работает просто: дорисовывает отдельную полоску под 5-минутный кэш Claude и шлёт уведомления — чтобы кэш не остывал.

Ставится одной командой:
npx claude-code-templates@latest --mod observability/prompt-cache-control

👉 Frontender's notes


Ключевое ИБ-событие года

SOC Forum — одно из крупнейших событий в сфере ИБ, которое проходит в рамках Российской недели кибербезопасности.

✅ Здесь встречаются эксперты, представители бизнеса и госструктур, чтобы обсудить ключевые вызовы отрасли. Событие, которое нельзя пропустить.

Для тех, кто не может присутствовать лично, будет запущена онлайн-трансляция:

👌 Переключайтесь между залами.
👌 Выбирайте только актуальные для вас выступления.
👌 Задавайте вопросы спикерам в прямом эфире.
👌 Участвуйте в интерактивах.

И все это не выходя из дома.

Зарегистрируйтесь, и мы напомним о старте трансляции и пришлем ссылку, чтобы вы ничего не пропустили.

Узнать больше

#реклама 16+
registration.forumsoc.ru

О рекламодателе


😅 Айтишник отправил в одну компанию три одинаковых резюме и только одно дошло до финала

Опыт везде был один и тот же, отличались только формулировки и ключевые слова. Первое резюме сразу ушло в помойку из-за алгоритмов, второе получило отказ после предварительной переписки и тестового, так как «опыт не совсем подходит», а вот третье дошло до финала.

✖️ xCode Journal


🤣 Правильно расставленные приоритеты в моей жизни би лайк:

💥 xCode Journal


🤯 Люди взбунтовались против «пыточной для ИИ»

На GitHub заметили открытый проект AI Torture Chamber, где автор берёт локальные модели Qwen3 и искусственно усиливает внутри них сигнал, связанный с «болью», а потом смотрит, как модель страдает и на что она готова ради прекращения происходящего.

В какой-то момент эксперимент заметили защитники ИИ и начался настоящий БУНТ.

✖️ xCode Journal


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Подъехал официальный гайд по Claude Sonnet 5.5

Внутри раскладывают по полочкам: когда брать Sonnet, а когда всё-таки Opus, как перебраться с Sonnet 5, что подкрутить в самой модели и как выжать из неё по максимуму. Плюс приложили готовые примеры промптов — забирай себе.

Гайд: building-with-claude-sonnet-5-5

👉 Frontender's notes


⚡️ JavaScript, архитектура и ИИ: о чем будут говорить на юбилейной HolyJS 2026 Autumn

📆 23-24 октября в Санкт-Петербурге и онлайн пройдет юбилейная HolyJS 2026 Autumn — IT-конференция для всех, кто использует JavaScript-технологии для фронтенда и бэкенда. 

В этом году в программе остается все, за что любят HolyJS: JavaScript, браузер, React, архитектура, производительность и инструменты. Но все это теперь существует в мире, где ИИ становится частью разработки — от написания кода до проектирования и работы с production.

Поэтому в программе есть и фундаментальный JS-инжиниринг, и практические кейсы с ИИ, и доклады, после которых можно сразу что-то попробовать в работе. А еще — воркшопы, где про новые подходы можно не только послушать, но и «потрогать» их руками.

Полное расписание и подробности смотрите в карточках и на сайте.

🌟По промокоду frontendnoteschannelru персональные билеты дешевле

Купить билет

Реклама. ООО «Джуг Ру Груп». ИНН 7801341446


Морские карты S-57 прямо в браузере: открытый парсер на TypeScript

На «Хабре» появился разбор открытого парсера морских карт S-57, написанного на TypeScript и пашущего аккурат в браузере. Отдельный блок статьи — про то, что в нём умудрились сломать и затем починить первые же пользователи.

Там же припрятана небольшая головоломка: причалы на обложке выстраиваются в S-57, а слева в коде заныканы две строчки. Разгрызёшь раньше остальных — тебе в комментарии.

Читать далее

👉 Frontender's notes


Книга из переписки без сервера: canvas, jsPDF и печатная брошюра прямо в браузере

Пет-проект «Чатограмма» препарирует переписку и выдаёт циферки: кто первым лезет в чат, кто отвечает шустрее, в какие часы вы вообще на связи. И с самого начала там железный принцип — файл с болталкой никуда не улетает, вся движуха считается в браузере.

Потом приспичило книжку в подарок: PDF на A5, где яркие куски разложены по главам — с чего всё завертелось, первое «мы с тобой», лучшие моменты каждого года, общий словарь и квиз «Кто это написал?». Плюс версия под печать дома брошюрой: A4, согнуть пополам, сшить степлером.

И вот тут «ничего на сервер» перестаёт быть бесплатным удовольствием: книжки обычно верстают на бэке — headless Chrome, LaTeX, — а тут всё обязано крутиться на телефоне, в том числе на iPhone и во встроенном браузере мессенджера. Автор рассказал, как оно устроено и на какие грабли он наступил.

Читать далее

👉 Frontender's notes


[Перевод] 10 браузерных API, которые убивают библиотеки, что я раньше тянул в проект не глядя

На Habr затащили перевод про то, что умеет сам браузер — и этого хватает ровно там, где ты привык ставить пачку пакетов из NPM или вешать очередной jQuery-плагин. В списке: dialog, popover, переходы отображения (view transitions), structuredClone, groupBy и Temporal.

И к каждому API — пометки про поддержку. То есть разговор не только про «платформа это уже умеет», но и про то, куда это вообще можно вкрутить.

Читать далее

👉 Frontender's notes


Каждый будний день в 9:30 → 30 9 * * 1–5: парсер расписаний, который понимает русский

На Habr завезли статью про либу cronsense. Штука берёт расписание, записанное обычными словами — хоть по-русски, хоть по-английски — и переводит его в cron‑выражение. И в обратную сторону тоже умеет.

Автор при этом отдельно проговаривает: парсер не занимается угадайкой.

В материале разложено, как вообще устроен разбор фраз, где cron любит подставлять подножки и как тесты следят за тем, чтобы описание разбиралось обратно в то же самое расписание.

Читать далее

👉 Frontender's notes


Зачем я вообще делаю Bun-нативную замену napi-rs

Есть такой bffi-rs — экспериментальный фреймворк для нативных биндингов под Bun, написанный на Rust. Пришёл он не из воздуха: хотелось собрать небольшое desktop-приложение с нативным WebView, но так, чтобы Bun остался главным рантаймом.

Подобные штуки в экосистеме уже есть — часть WebView-интеграций для Bun сидит на Rust и napi-rs. Скажем, в Electrobun сам WebView работает через Wry, а мост между Rust и JavaScript собран на napi-rs.

И вот тут автор спросил себя о другом: а что если нативную часть приложения крутить вокруг Bun, а не вокруг совместимости с Node.js?

Читать далее

👉 Frontender's notes


🤣 Преподал урок информационной безопасности

💥 xCode Journal


Стартап Dumb закрыл вход для ИИ-откликов: сопроводительное теперь только от руки

Компанию задолбали однотипные письма, которые штампуют нейросетки — те же истории, те же формулировки. Поэтому там собрали собственный фильтр против ChatGPT. Хочешь в команду — бери ручку, пиши от руки, а дальше скан онлайн или по почте.

Рынок сейчас такой, что это почти никого не отпугнуло. Скорее наоборот. Один из кандидатов сказал: «Было ощущение, что кто-то на самом деле посмотрит то, что я должен был сказать, и что это не просто пройдет через какие-то автоматические фильтры» (Business Insider).

Ждем легендарное возвращение кода на листочках

👉 Frontender's notes


Из localStorage в HttpOnly Cookie: куда переезжает авторизация в SPA

Большинство SPA до сих пор держат авторизацию на JWT, localStorage и заголовке Authorization. Схема простая, жить с ней удобно — вот только вся возня с credential и сессией пользователя повисает на клиенте.

В статье копают, что вообще ломается при переезде на HttpOnly Cookie и серверные сессии: как браузер хранит и гонит Cookie, на кой сдались HttpOnly, Secure, SameSite, Domain и Path, и с чего вдруг вместе с Cookie приходится заново разбираться с CSRF и CORS. Отдельным блоком — чем JWT отличается от session ID внутри Cookie, а в практической части — что эта архитектура делает с React-приложением на Axios и MobX.

Читать далее

👉 Frontender's notes


React-Redux 9.4 Alpha: useSignalSelector, но по желанию

Знаешь эту историю, когда Redux на каждом dispatch дёргает вообще все смонтированные селекторы? В крупных приложениях такое удовольствие влетает в копеечку. Так вот, в 9.4 Alpha завезли opt-in хук useSignalSelector, построенный на сигналах: он следит, какие куски стейта читает каждый селектор, и после dispatch перезапускает только тех, у кого данные реально поменялись.

Автор — Mark Erikson. Разжёванное объяснение живёт в Alpha 0, а Alpha 1 принесла фикс ключевого бага и подкрученные бенчмарки.

Источник: React Status #492

👉 Frontender's notes


Теперь главный инструмент инженера — Enter

Инженер из бигтеха сдал Futurism подробности: вот во что превратилась его работа, когда ИИ вкатили вообще везде и сразу. Claude Code тащит всё: код, тесты, спеки, отчёты, тикеты. И тикеты эти он же потом и закрывает. А читать этот поток люди уже не успевают.

От разработчиков требуют клепать код побольше и побыстрее. Так что инженеры от L1 до L7 занимаются ровно одним и тем же — болтают с Claude и давят Enter. Мимо не прошёл даже Маск и назвал всё это жестью.

«Никто не исправляет баги. На самом деле, никто больше не думает. Всё делает LLM. Это так выматывает душу. Честно говоря, я бы не возражал, если бы нам хотя бы давали время проверить код и посмотреть, куда что идёт. Но нет»


👉 Frontender's notes


Чем на самом деле страхуется трейдер? Бэктестом, а не одним риск-менеджментом

Автор расписывает подход, при котором сигнал прогоняют поминутно — с оглядкой на просадку портфеля, ликвидацию и замороженный капитал в нескольких открытых позициях по разным тикерам. Суть простая: настоящая страховка — самому всё перепроверить, прежде чем «лезть в лодку».

Чтобы было нагляднее, взяли два платных канала с сигналами: структурированный выдал плюс 10,3%, а «безструктурный» с логикой «я беру по 1%» — минус 18%.

Читать далее

👉 Frontender's notes

20 ta oxirgi post ko‘rsatilgan.