drugoi.dev | Никита Баев об AI разработке и менеджменте

Пользуетесь ли вы Error Boundary в React?

Вы можете сказать, что ваш код не падает, но по опыту скажу, что бывало так, что у клиента было установлено какое-то расширение, которое крашило инпуты и благодаря Error Boundary крашилось не всё приложение, а какая-то небольшая его часть с возможностью перерендерить блок UI.

В разных проектах замечал, что либо Error Boundary совсем не используются, либо вешается один глобальный boundary, который все равно крашит всё приложение, иногда, без возможности восстановить приложения без рефреша страницы.

И как раз на глаза попалась хорошая статья, которая объясняет работу Error Boundary и то, как правильно их компоновать + рекомендует достаточно интересный пакет, который всё сделает за вас под капотом, пользуйтесь на здоровье

https://meticulous.ai/blog/react-error-boundaries-complete-guide/

Не знаю, давно ли это есть, но только сегодня заметил, что Github Copilot для VS Code умеет показывать сразу несколько вариантов решений задачи и пользователь может выбрать самое правильное решение.

🤖позволяет не тратить время на решение базовых вопросов и поиск сниппетов в своей кодовой базе, тем самым в разы ускоря разработку.

Домен drugoi.codes оказался слишком дорогим для продления, а drugoi.dev вполне по деньгам 😬

Channel name was changed to «drugoi.dev»

Руслан @iamroose подсказал, что есть ещё более удобная альтернатива — npm-check-updates

Визуально выглядит свежее и есть возможность обновлять специфичные пакеты через regex или флаги:

# upgrade everything except nodemon
ncu \!nodemon
ncu -x nodemon
ncu --reject nodemon

У yarn есть очень удобная команда yarn upgrade-interactive (и флаг --latest, если вы хотите обновиться до последних версий).

В npm из коробки нет такой удобной фичи, но зато есть отличный пакет npm-check, который покажет, какие пакеты можно обновить и на какие версии.

Обновляйте свои пакеты вовремя, но не забывайте читать changelog-и, чтобы случайно не сломать свой проект 👌🏻

Channel created