Самыми популярными подходами в декомпозиции React-компонентов являются hoc и hook. Т.е. компоненты высшего порядка и кастомные хуки. С их помощью можно сделать приложение более гибким и легче тестируемым, однако сами подходы немного разнятся.
Исходный вариант https://codesandbox.io/s/modern-sun-plc0z
Вариант с hoc https://codesandbox.io/s/keen-montalcini-thnd8
Вариант с hook https://codesandbox.io/s/tender-sid-qqlkq
00:00 Постановка задачи
02:13 HOC - компоненты высшего порядка
16:34 Hooks - кастомные хуки
26:39 Подведение итогов
Мои курсы по вебу с купонами:
✅ https://mishanep.com/
? Поддержка канала:
https://www.patreon.com/mishanep
https://www.tinkoff.ru/rm/nepomnyaschiy.mikhail1/dihf419741
https://paypal.me/mishanep