Удалённые функции SvelteKit, TypeScript 6 и расширения CLI
Разбор Dev.to: как типизированные серверные вызовы SvelteKit и расширения CLI могут сократить рутину — и что проверить перед обновлением.
Stuzhuk Lab — Блог
Химия кода
← Все статьи
Тег
Фронтенд
Все статьи блога с этим тегом.
conic-gradient() в CSS: треугольники, лучи и круговые диаграммы
Функция conic-gradient() рисует цвет вокруг точки: из неё получаются секторы, лучи, треугольники и интерактивные эффекты без лишней разметки.
Как ограничения обобщённых типов TypeScript предотвращают ошибки
Как `extends`, `keyof` и индексный доступ помогают TypeScript отловить неверные ключи и значения до запуска приложения.
Meta открыла код дизайн-системы Astryx для React
Astryx объединяет React, StyleX, более 160 компонентов, темы и шаблоны — опыт Meta теперь можно изучать и применять в своих интерфейсах.
Фронтенд без ожидания: TSGO, Oxlint, Rsbuild и React Compiler
Разбор практического опыта ускорения фронтенд-разработки: проверка типов, анализ кода, сборка, API-контракты и оптимизация React.
React: как отложить поиск и автосохранение без лишних запросов
Когда выбирать useDebounce и useDebounceFn в React, как избежать устаревших замыканий и безопасно отменять отложенные действия.
Astro 7: Rust-движок, кэширование маршрутов и инструменты для ИИ
В Astro 7 компилятор и обработку Markdown перевели на Rust, ускорили сборки и добавили гибкое кэширование маршрутов.
euv: UI-фреймворк на Rust и WebAssembly для браузера
Вводный гайд по euv: виртуальный DOM, реактивные сигналы, макрос html! и mount — декларативный фронтенд с типобезопасностью Rust и сборкой в WASM.
Типизированный Tailwind съел React Hook Form: история DashForge
Как автор превратил Tailwind-классы в typed props и дошёл до «осознанных» компонентов: формы, visibleWhen, RBAC — без Controller на каждом поле.
React Router v8: скучный, но правильный релиз
React Status #479: React Router v8 как «намеренно скучный» апдейт, Rust-порт React Compiler, RN 0.86, TypeScript 7 RC и новости экосистемы React.
React 19: concurrent rendering, Actions и Suspense в продакшене
Разбор concurrent rendering в React 19: срочные и фоновые обновления, useTransition, useOptimistic и границы Suspense без блокировки UI.
Как устроен современный веб: от браузера до базы данных
Полный путь HTTP-запроса — DNS, TLS, CDN, балансировщик, Nginx, backend, Redis, очереди, PostgreSQL и обратно в браузер. Практический разбор для разработчиков и архитекторов.
Zero-JS мало: кеш SSR-HTML на edge через Cloudflare Workers
Как автор стабилизировал Core Web Vitals после отказа от React: Cache API, cookie-gated HTML, отказ от Zod в браузере и рефакторинг форм на Astro.
Как проектировать современную ERP-систему в 2026 году: от монолита к платформе
Metadata Driven Architecture, движки платформы, стек фронтенда и стратегия миграции — как строить ERP, которая развивается десятилетиями без переписывания каждые пять лет.
Extend UI — open-source React-компоненты для PDF, DOCX и подписей
14 MIT-компонентов от extend.ai: просмотр документов, bounding box citations, загрузка файлов и e-signature.
Vue 3: главные ловушки реактивности и Composition API
ref vs reactive, потеря реактивности при деструктуризации, watchEffect и Teleport — разбор частых ошибок на Dev.to.
Эволюция архитектуры веб-приложений за последние 20 лет
От серверного рендеринга 2005 года до AI-приложений и edge computing: как менялись веб-архитектуры, почему старые решения не были ошибками и как выбирать подход в 2026 году.
Path aliases в TypeScript-монорепо: Astro, React и общие типы
baseUrl, paths и project references: @shared/types вместо ../../../ и тихие падения сборки без workspace:*.
Пробел во фронтенде, который ИИ за вас не закроет
Рендеринг, сеть, архитектура компонентов и Core Web Vitals — то, что туториалы по кнопкам не объясняют, а продакшен требует.
Эволюция форматов изображений: от BMP до AVIF — полный гид для разработчиков
История и практика: BMP, GIF, JPEG, PNG, WebP, HEIC, AVIF и JPEG XL. Как работает сжатие, что выбрать в 2026 году, как отдавать картинки на сайте без просадки LCP.
JavaScript: 8 оптимизаций производительности, которые реально работают
Сначала измерение, потом правки: debounce, ленивая загрузка, Web Workers, уменьшение бандла и контрольный список быстрых побед.
Next.js почти мгновенно: практический чеклист по App Router
Server Components по умолчанию, меньше client JS, next/image, без CLS, кеширование, next/script и замеры на throttled mobile.
Клиентский puzzle solver на Web Workers: Next.js и bitboards
Static export Next.js, Web Workers для тяжёлых алгоритмов, bitboards для Block Blast, trie для word search — $0 hosting.
React.lazy и «белый экран» после деплоя: как вернуть пользователя
Старый HTML в вкладке, новый бандл на CDN — chunk не найден. Глобальный listener и cache-bust за ~15 строк.
HTML-элемент `<install>`: установка PWA без JavaScript
Chrome и Edge тестируют декларативную кнопку установки веб-приложения — проще, чем только манифест и свой скрипт.
Svelte, май 2026: TypeScript 6, remote functions и плагины CLI
SvelteKit 2.56 — field.as() для форм, breaking change в refresh query, эксперимент community plugins и radar ThoughtWorks.
MDN перестраивает фронтенд: web components вместо React-обёртки
Как MDN ушёл от SPA на React к Lit, server components и «островам» интерактивности — и зачем это важно для контентных сайтов.
С Next.js на Astro: когда блогу не нужен React на клиенте
Разработчик перенёс портфолио с Next.js 15 на Astro 6: ~230 КБ JS на странице поста стало ~0 КБ, Lighthouse 99–100.
Современный React-стек: Vite, Tailwind, i18next и TanStack Router
Пошаговая сборка без хаоса зависимостей: маршрутизация, стили и локализация в одном минимальном, но готовом к продакшену каркасе.