Одним из преимуществ, которые возникают при использовании таких фреймворков, как Angular для разработки на JavaScript, является архитектура, основанная на компонентах.
Вы организовываете свой код в небольшие компоненты, а затем можете свободно использовать эти компоненты в любом месте приложения, как если бы вы использовали обычный тег HTML. Я проиллюстрирую это на недавнем примере использования, который я испытал.
Как я уже писал в своих предыдущих блогах, этим летом кода Google я работаю над приложением, состоящим из множества игр. Наша команда решила сделать все игры несколькими уровнями. Сейчас таких игр около 10. Чтобы перемещаться между уровнями, у нас должен быть компонент в каждом приложении для навигации. Итак, кодирование одного и того же компонента 10 раз в каждом приложении, безусловно, не является хорошей идеей, даже если это может противоречить единообразию в приложении. На картинке присутствует Angular, нам просто нужно создать компонент один раз, а затем использовать его в других местах приложения, используя,
<app-level-navigate>
И кстати, у нас увеличивающиеся уровни в каждой игре не будут одинаковыми. Этот элемент управления на уровне игры для компонента будет предоставляться классом @Input в Angular. Это,
@Input private GameSpeificVariable
Таким образом, с относительно меньшим количеством строк кода я смог повысить уровень во всех действиях. Это было с этого времени… Я вернусь на следующей неделе и расскажу, что еще интересного я задумал!
Итак, следите за обновлениями. :)