История о том, как задача «подсветить обязательные поля» превратилась в полноценную TypeScript-библиотеку с 500+ скачиваниями в неделю.
Рубрика «фронтенд»
Как я превратил хаотичные формы во Vue в типизированную модель данных (AdaptForm)
2026-06-06 в 12:49, admin, рубрики: javascript, npm пакеты, pydantic, TypeScript, библиотека, валидация полей, валидация форм, типизация, фронтендРефакторинг выпадающих списков: от enum к конфигу-константе
2026-05-22 в 21:17, admin, рубрики: TypeScript, рефакторинг, фронтендВыпадающий список — это ui-компонент, без которого редко обходится сайт. В этой статье я расскажу про то, как принял решение отказаться от enum для рендеринга выпадающих списков и перешел к конфигу-константе, и почему результат мне понравился.
Для удобства далее буду называть enum по-русски — энумы.
Для чего используется enum
Энумы (“перечисление”, сокращение от enumerable) — это тип данных в TypeScript, который представляет собой набор фиксированных, именованных констант.
Спустя 5 лет и $5 миллионов: почему создание нового языка для веб-разработки оказалось ошибкой
2026-05-22 в 13:01, admin, рубрики: React, ruvds_перевод, TypeScript, wasp, бэкенд, Программирование, фреймворки для разработки, фронтенд
Мы разрабатываем фулстек-фреймворк WaspЧитать полностью »
WebMCP. Что скрывается за черновиком стандарта
2026-05-04 в 11:15, admin, рубрики: agentic web, chrome, javascript, MCP, webmcp, ии-агенты, фронтендПривет! Меня зовут Вася Пикулев, я руковожу кор-командой веб- и Smart TV-клиентов в Окко. Стандарт WebMCP может изменить мою работу в ближайшие годы. И я хочу попробовать вместе с вами разобраться, что он нам несёт и какие открывает перспективы.
Представьте: один и тот же сайт. Один и тот же запрос пользователя к ИИ-агенту — подписаться на рассылку. Два способа выполнить.
Способ первый, сегодняшний.Читать полностью »
Разработка фронтенда интернет-магазина через Qwen 3.6 Plus и Qwen ClI
2026-04-25 в 17:10, admin, рубрики: qwen3.6, ии-агенты, фронтенд
Привет всем.
Расскажу про свой личный опыт разработки через Qwen 3.6 Plus и Qwen ClI. И да, статья полностью написана человеком.
Как я сделал PWA-приложение для заметок и ссылок за вечер (и почему оно работает без интернета)
2026-04-14 в 7:21, admin, рубрики: css, html, javascript, localStorage, pwa, service worker, Веб-разработка, заметки, фронтендВместо предисловия: проблема, которая бесила меня годами
У каждого из нас есть «чёрная дыра», куда уходят полезные ссылки. Кто-то сохраняет их в «Избранном» браузера, кто-то пишет сам себе в Telegram, кто-то держит десяток вкладок открытыми «на потом». У меня была та же проблема. Я пробовал Notion, Evernote, Google Keep, Obsidian - всё это мощные инструменты, но для простого «сохранить ссылку и не забыть» они часто избыточны.
Так родилась идея KylikLink - минималистичного PWA-приложения для заметок и ссылок, которое работает без интернета и не требует регистрации.
Почему KylikLink?
Название составное: KylikЧитать полностью »
Как React обновляет UI: trigger → render → commit
2026-03-28 в 6:26, admin, рубрики: commit, fiber, javascript, React, react.js, render, rerender, браузер, фронтендКогда говорят «React перерендерился» — обычно имеют в виду что-то расплывчатое. Новичкам это слово объясняет всё и ничего одновременно. В официальной документации процесс описан точнее: trigger → render → commit. Давайте разберём, что происходит на каждом этапе — без магии, зато с Fiber, флагами и браузерным пайплайном.
Render-фаза: вычисление изменений
Render-фаза — это не обновление DOM. Это вычисление того, каким DOM должен стать.
React рекурсивно обходит дерево компонентов, вызывает их функции (или render()Читать полностью »
Поколение JSON: цена удобных абстракций и упадок культуры ресурсов
2026-03-10 в 6:47, admin, рубрики: json, архитектура, бэкенд, Поколение JSON, производительность, техдолг, фронтенд, холиварЦена одной строчки
const data = await fetch('/api/dashboard').then(r => r.json());
Безобидная строчка. Одна из миллиардов, написанных сегодня на планете. Студент с курса напишет её на третий день. Сеньор – с закрытыми глазами.
Но знаете ли вы, что эта строчка стоит? Не абстрактно – «ну, это сетевой вызов». А конкретно: в байтах, миллисекундах, рублях и часах дежурства инженера в три часа ночи по Москве.
Давайте разберём один fetch на атомы. Снимем слои абстракций и посмотрим, что на самом деле скрывается за фасадом «просто сетевого вызова».
Запрос уходит
Поколение JSON: цена удобных абстракций и упадок культуры ресурсов
2026-03-10 в 6:47, admin, рубрики: json, архитектура, бэкенд, Поколение JSON, производительность, техдолг, фронтенд, холиварЦена одной строчки
const data = await fetch('/api/dashboard').then(r => r.json());
Безобидная строчка. Одна из миллиардов, написанных сегодня на планете. Студент с курса напишет её на третий день. Сеньор – с закрытыми глазами.
Но знаете ли вы, что эта строчка стоит? Не абстрактно – «ну, это сетевой вызов». А конкретно: в байтах, миллисекундах, рублях и часах дежурства инженера в три часа ночи по Москве.
Давайте разберём один fetch на атомы. Снимем слои абстракций и посмотрим, что на самом деле скрывается за фасадом «просто сетевого вызова».