В Angular 14 в качестве предварительной версии для разработки представлены автономные компоненты. Это говорит о том, что Angular поощряет нас экспериментировать с функцией автономных компонентов. Ожидается, что в Angular 15 автономные компоненты будут полностью стабильными.

Теперь что такое автономный компонент? 🧩

Автономные компоненты в Angular обеспечивают оптимизированный подход к созданию приложений за счет снижения зависимости от NgModules. Они упрощают разработку, сводя к минимуму необходимость в NgModules, позволяя существующим приложениям постепенно и без сбоев применять этот подход. Сюда входят компоненты, директивы и каналы, улучшающие общий опыт разработки.

Почему вам следует их использовать? 🤔

Представьте себе, что вы можете создавать компоненты без необходимости иметь дело со сложными NgModules. Автономные компоненты позволяют вам сделать именно это! Они освобождают вас от некоторых накладных расходов, связанных с традиционной разработкой на Angular. Вы можете постепенно применять этот подход в своих существующих приложениях без каких-либо серьезных сбоев. 🌈

Как создавать отдельные компоненты?

Это очень просто: во-первых, удалите компонент в разделе объявлений, где бы вы ни объявили его в файле модуля.
во-вторых, в декораторе @comComponent сделайте автономный как true. Как показано в приведенном ниже коде.

Следующий шаг:
В компоненте, который мы используем, объявите его в разделе импорта декораторов @comComponent.

Наконец, возьмите компонент и объявите его в файле app.module.ts в разделе импорта. (т. е. второй компонент объявляет раздел импорта app.module.ts).

Вот и все. Теперь мы исключили создание файла ngModule, его импорт и экспорт этого файла ngModule в наш основной модуль. Мы держим это преимущество в одной руке. Но мы все же думаем, что нам придется импортировать компонент, который нам нужно использовать как автономный.

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

— — — — — — — — — Конец лекции — — — — — — —

Проверьте все уроки Angular Intermediate Lessons

https://medium.com/@yuvayuvaraj720444/angular-intermediate-lessons-acbea2dfc9b