Компоновка компонентов (Components)

Часть курса React

Вы собрали карточку с рамкой и тенью, и выглядит она хорошо. Теперь такая же карточка нужна вокруг фотографии, вокруг формы входа и вокруг списка комментариев. Соблазн велик: скопировать карточку три раза или выдать ей по пропсу на каждую мыслимую начинку, title, photoUrl, formFields, comments. Оба пути ведут к компоненту, к которому потом никто не захочет прикасаться.

Выход, это композиция: большое собирается из маленького вложением одного в другое, и каждая часть ничего не знает про остальные. Удобно думать об этом как о рамке для картины. У рамки есть своя работа, обвести границей то, что внутри, и она делает эту работу, не зная и не выясняя, держит она фотографию, диплом или детский рисунок. Хорошо сделанный компонент React, это такая рамка.