https://angular.love/why-inline-templates-are-great

[giscus[bot]]

https://angular.love/why-inline-templates-are-great

Angular.love - a place for all Angular enthusiasts created to inspire and educate.

https://angular.love/why-inline-templates-are-great

[bhalperin]

Thanks for the blog. Bottom line: it's totally subjective. I personally prefer a separate file for the template. I have always favored separating markup from logic, including visual separation in the IDE. Same argument for keeping the stylesheet in a separate file. Still, breaking down components as you nicely demonstrated in the header component sample, is highly recommended for all the reasons you listed.

[Dyqmin]

Hi, thanks for the comment! That's correct - it's all about personal preferences. Separate template files are more common and people generally are more familiar with this pattern. I wanted to demystify (or "de-demonize") inline templates because I’ve noticed the efficiency and other benefits they bring since I started using them, and I wanted to share my thoughts. Hope you give them a shot! :)

[fyodorio]

I actually like the AnalogJS’ experimental idea for SFC implementation. I would love to see its wider adoption and further corresponding enhancements.