Рубрика «фронтенд»
Почему баги кроссбраузерности до сих пор никуда не исчезли
2026-09-15 в 8:00, admin, рубрики: Blink, gecko, selectel, webkit, WebView, браузерные движки, кроссбраузерность, отладка, тестирование веб-приложений, фронтенд
Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах
2026-09-10 в 10:21, admin, рубрики: javascript, React, react.js, TypeScript, UI, ui kit, uikit, Программирование, фронтендПрактический разбор создания и развития собственной UI-библиотеки
Коротко: Собственная UI-библиотека — это не только набор React-компонентов. После появления нескольких проектов-потребителей на первый план выходят API, состояние, совместимость, зависимости, тестирование, документация и версионирование.
С чего всё начиналось
Когда в проекте начинает появляться всё больше одинаковых элементов интерфейса, рано или поздно возникает вопрос: зачем каждый раз создавать один и тот же Button, Input или Select?
CSS в 2026 году: где JavaScript уже не обязателен
2026-09-10 в 9:34, admin, рубрики: css, html, javascript, JS, без javascript, Веб-разработка, разработка сайтов, фронтенд
HTML и CSS помогут вам сделать дружелюбный интерфейс! Вот моя коллекция простых лайфхаков
2026-09-08 в 9:01, admin, рубрики: css, html, ruvds_статьи, UI, UX, Веб-разработка, доступность, фронтенд
Привет.
Я переживаю, когда вижу плохие интерфейсы. Мне не нравится, когда пользователю сложно или неудобно. У меня очень сильно подгорает от этого.
Как использовать useMemo и useCallback?(спойлер) большинство из них можно удалить
2026-07-05 в 8:41, admin, рубрики: memo, React, useCallback, useMemo, оптимизация, фронтендЭто перевод статьи, и цель распространения — только показать интересные поинты заинтересовынным людям.
Каково назначение хуков useMemo и useCallback? Какие ошибки и лучшие практики следует при их использовании, и почему удаление большинства из них может быть хорошей идеей?
Оптимизация без AI: как я автоматизировал API-ручки и типы
2026-06-29 в 12:12, admin, рубрики: api, openapi, swagger, TypeScript, автоматизация, генерация клиента, фронтендНа прошлой неделе я снова потратил полдня на то, чтобы понять, почему фронт падает после обновления бэка. Локально работало, а на стейдже ошибка. Оказалось, бэкендер переименовал поле в ответе, но не обновил документацию и не предупредил команду. Я узнал об этом только когда код упал на стейдже - вручную править ручку пришлось уже постфактум, разбираясь с ошибкой.
С этим надо было что-то делать.
Решение: генерируемый API-клиент
Я начал использовать генерируемый API-клиент. По сути, это набор ручек (функций для запросов) и типов к ним, которые генерируются на основе открытого API - yaml-файла сваггера.
Как я превратил хаотичные формы во Vue в типизированную модель данных (AdaptForm)
2026-06-06 в 12:49, admin, рубрики: javascript, npm пакеты, pydantic, TypeScript, библиотека, валидация полей, валидация форм, типизация, фронтендИстория о том, как задача «подсветить обязательные поля» превратилась в полноценную TypeScript-библиотеку с 500+ скачиваниями в неделю.
Введение
Рефакторинг выпадающих списков: от 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Читать полностью »