Все посты по тегу #react

Рассказываю про дебаггер в браузере, React DevTools, Redux DevTools, сетевые инспекторы и другие способы найти баг быстрее.

Собрал 10 причин, почему `setState(prev => …)` должен стать привычкой: от гонок эффектов до чистой аналитики и поддержки команды. Добавил примеры и чек-лист внедрения.

Собрал десять причин, почему нужно блокировать прокрутку под модалкой: от предотвращения «скачков» до улучшения доступности и аналитики. Примеры и советы по реализации.

Говорим про соотношение сторон, плотность пикселей и разумные запасы по размеру. Показываем, как не убить перфоманс проекта огромными картинками.

Один файл на 3000 строк с попапом, слайдером и стрелками — реальная история с проекта. Делимся стратегией дробления на модули, чтобы команда дышала свободно.

Разбираем антипример с огромным if, показываем рефакторинг в читаемые проверки и делимся чек-листом, когда стоит называть условие отдельно.

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

Разбираемся, когда ref делает интерфейс быстрее, а useState лишь тратит ресурсы. Подборка практических кейсов из проектов.

Многие разработчики ненавидят писать комментарии, считая их пустой тратой времени. Но что, если я скажу, что правильные комментарии могут спасти ваш проект и сохранить рассудок вашей команде? Давайте разберёмся.

Если одна ошибка в компоненте ломает всё ваше приложение, пора познакомиться с Error Boundary. Это как подушка безопасности для вашего React-кода.

Storybook — мощный инструмент для разработки и тестирования UI компонентов в изоляции. Но нужен ли он именно вам? В этой статье мы рассмотрим, когда его внедрение оправдано, а когда лучше обойтись без него.

Один из лучших способов улучшить ваш код на React — использовать деструктуризацию пропсов. Это делает компоненты чище, надежнее и проще для понимания. В этой статье мы разберем, почему это так важно.

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

Я часто видел, как на сайт загружают картинки по 2–3 мегабайта. В этой статье мы разберем, почему это убивает ваш сайт и как правильно оптимизировать изображения для максимальной производительности.

Один HTML-тег способен заменить десятки строк JavaScript. Раскрываем потенциал <details> и <summary> для создания интерактивных интерфейсов.

Хватит плодить бессмысленные обёртки! Разбираем, когда Fragment — спасение, а когда — излишество.

Не всегда нужно следовать DRY. Иногда лучше сделать три простых и понятных компонента, чем один универсальный и неприкасаемый.

Почему я всегда и везде ставлю неразрывные пробелы? Потому что так читается лучше. И вам советую.

Мёртвые интерфейсы вызывают недоверие. Анимация — это забота о пользователе. Хочешь быть настоящим фронтендером? Делай красиво!

Неиспользуемые зависимости могут замедлять сборку, увеличивать размер приложения и создавать уязвимости безопасности. Разберёмся, как найти и удалить лишнее, улучшив производительность проекта.

Оператор ?? (nullish coalescing) — безопасная альтернатива ||, когда вы задаёте значения по умолчанию. Показываю разницу на живых примерах и объясняю, когда точно стоит использовать ?? вместо ||.

Абсолютные импорты в React, Next.js и Vite помогают избавиться от путевого ада. Рассказываю, как их настроить и почему это must-have для любого серьёзного проекта.

Inline-стили — как фастфуд: удобно, но вредно для здоровья проекта. Разбираем, почему их стоит избегать и в каких редких случаях всё же можно использовать.