Паттерн Стратегия в React. Продвинутый Frontend на реальных примерах

[@reactify-it]

Мой телеграмм канал с заметками, обзорами, мыслями и историями: t.me/reactify_IT

[@Teqi1la]

Интересный подход, спасибо за видос

[@danilaweb]

Комментарий для продвижения, спасибо автору

[@julirybkina9845]

Очень круто! Давно искала что-то похожее и очень интересно как можно все красивее написать на react, спасибо!!!

[@kaiserfedor]

Не очень понятно, в чем плюсы такого подхода. А вот минусы видно сразу, уход от реактивности в сторону императивности. То есть уже нет события "смена валюты", на которое потребители (компоненты, кастомные хуки) могут как-то отреагировать. А это значит, что если при смене валюты, надо делать что-то еще кроме смены способа форматирования, то придется добавить этот код в компонент выбора валюты, хотя это его в целом никак не касается (как и способ форматирования), его задача просто менять выбранную валюту. То есть с таким подходом, к слову, явно нарушается один из принципов SOLID, о которых ты упоминаешь в конце. КМК, гораздо проще и более react way, это добавить кастомный хук, который будет брать из контекста валюту и возвращать функцию форматирования. И всегда можно добавить еще один хук, который будет как-то еще обрабатывать смену валюты (при этом существующий код останется без изменений). Ну и делать map в useMemo тоже не нужно, это просто дополнительный цикл. Ведь у тебя ниже по коду снова вызывается map этого же объекта.

[@reactify-it]

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