Разделение логики и представления в React-приложении

Самыми популярными подходами в декомпозиции React-компонентов являются hoc и hook. Т.е. компоненты высшего порядка и кастомные хуки. С их помощью можно сделать приложение более гибким и легче тестируемым, однако сами подходы немного разнятся.

Исходный вариант https://codesandbox.io/s/modern-sun-p...
Вариант с hoc https://codesandbox.io/s/keen-montalc...
Вариант с hook https://codesandbox.io/s/tender-sid-q...

00:00 Постановка задачи
02:13 HOC - компоненты высшего порядка
16:34 Hooks - кастомные хуки
26:39 Подведение итогов

Мои курсы по вебу с купонами:
✅ https://mishanep.com/

📢 Поддержка канала:
  / mishanep  
https://www.tinkoff.ru/rm/nepomnyasch...
https://paypal.me/mishanep