Episode 24/02: ng Files in Analog, Q&A with Mark & Jeremy

#webdev #javascript #programming #angular

This episode features the new ng file format in Analog and the Q&A Session by Mark Thompson and Jeremy Elbourn.

.ng Files

Brandon Roberts showed ng files, the latest feature of Analog, a framework on top of Angular. Ng is a new file format. Analog transforms the content of those files into a simple Angular component.
The ng file is mainly an HTML file. The logic or typescript part, which is optional, ends up in the script tag

Analog creates the components using default values, but we can define its metadata via defineMetadata. The component's selector is inferred from the file name itself. Regarding dependencies, we only require the TypeScript import to the ng file but don't have to add it to defineMetadata.

With the ng file, the main focus is not the TypeScript class but the template. Ng files are experimental and exclusively available for Analog, and if they are not for you, then see them as basic research for a potential future. As we know, the Angular team is also looking into changes to the authoring format.

Q&A with Mark and Jeremy

Mark and Jeremy from the Angular team did their traditional monthly Q&A session. Watch the recording if you want to see the upcoming Signal Inputs in action. Jeremy explained the API and how to use it and touched upon edge cases.