Как мы переходили на React-router v6: подводные камни и альтернативы

[MrCheater]

Расскажите, пожалуйста, как вы такие приятные скрины кода сделали? Хочу так же

[andrei_novikov]

Оформление кода сделано в Сarbon https://carbon.now.sh/

[chemaxa]

Расскажите как у вас безопасники отнеслись к пакетам которые вышли после 24.02?

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

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

[andrei_novikov]

Да, был запрет какой-то время. Но уже давно введено много инструментов для автоматической проверки безопасности кода на всех проектах. Например, небезопасный код подсвечивает Sonarqube, также проходит тестирование Static Application Security Testing (SAST) - анализирует без запуска приложения, Software Composition Analysis (SCA) - данный класс решений используется для поиска общеизвестных уязвимостей для компонентов с открытым исходным кодом в цепочке зависимостей. Есть и другие способы тестирования кода на уязвимости, какие из них применять обычно решает политика развития кибербезопасности компании

[jakobz]

React Router - эталон как не надо вести проекты про библиотеки. 6-я версия уже, в каждой меняют api и всё ломают, без какого-то особого смысла.

[Tsimur_S]

Ого уже шестой есть оказывается. Помнится еще не так давно ломали копья какой лучше взять в проект: третий или четвертый.

[mSnus]

29 КБ, -> 9,5 КБ
18 КБ -> 5,9 КБ
шестая версия на 62% меньше

А что из этого "на 62% меньше"? или это что-то из рекламы?

[deamondz]

разрабы реакт роутера схитрили немного, они выкинули систему регэкспов из путей, и за счёт этого (в том числе, и по большей части) сам пакет стал меньше. Зато теперь эта работа пересела на пользователей этой библиотеки (я согласен, что не все пользуются этой фичей, но мне лично стало неудобнее)

[mSnus]

да, но 18Кб - это "62% от 29Кб", а не "на 62% меньше", сократили на 38%.

На 62% меньше - это если бы сократили с 29Кб до 9Кб, почти на 2/3.

[AlfaTeam]

Спасибо! Поправили)

[mSnus]

Расскажите ещё, а как вы подружили React-router и static build? Или не было такой задачи?

[andrei_novikov]

Если используется SSR, в этом случае все просто решается через StaticRouter. Дополнительные примеры можно посмотреть в самом репозитории https://github.com/remix-run/react-router/tree/main/examples. Возможно, там найдете подходящий пример под вашу конфигурацию проекта

[mSnus]

спасибо! У меня был вопрос в SSG, не в SSR, но, возможно, сработает