Ember.js Что нужно сделать компонентом?

Question

В принципе, если вам дана конструкция веб-страницы со всеми видами шаблонов/элементов пользовательского интерфейса, некоторые из которых взаимодействуют, а некоторые просто статичны, как бы вы определили, что должно быть сделано в компоненте и что может просто оставаться как html?

Это более философский вопрос и выходит за рамки Ember.js; Я включил его, потому что это то, что я изучаю/использую прямо сейчас.

Есть некоторые шаблоны, которые, очевидно, должны быть реализованы как компоненты, такие как переключатели вкладок или фильтры, и мои наивные рассуждения состоят в том, что они имеют взаимодействие и используются несколько раз на странице. Но как далеко я иду с этим? Являются ли каждая из этих причин достаточной для обоснования компонента или они необходимы только или они не являются? Должен ли составлять компонент кнопки только потому, что на странице много кнопок? Должен ли я создать компонент слайдера, даже если я знаю, что на странице будет только один слайдер?

Каковы хорошие эмпирические правила, чтобы решить, следует ли внедрять что-то в качестве компонента? Я мог представить себе создание компонентов для каждой отдельной вещи, чтобы вся страница была всего лишь компонентами компонентов. Неужели это слишком далеко? Особенно с учетом того, что компоненты Ember имеют стоимость и жизненный цикл, а также аспект производительности, который следует учитывать при выборе правильного компонента.

Мне интересно услышать точки зрения каждого. Благодарю.

Answer 1

Я использую компоненты, чтобы все было организовано. В теории вы можете сделать все компонентом, но не следует преувеличивать использование компонентов.

Как правило, я использую: Когда часть вашего сайта нуждается в большом количестве кода, вы должны поместить этот код в отдельный компонент.