DEV Community

ng-news for Playful Programming Angular

Posted on Edited on

Ng-News 26/24: OpenAPI Generator, slide.ng and Angular Compiler Benchmarks

OpenAPI Generator can now generate Angular httpResource methods, and slide.ng brings Markdown presentations to Angular. Also in this episode are the first benchmarks of Angular’s new compiler, TanStack Query, error boundaries, and ng-prism 22.7.

How Much Faster Is Angular’s New Compiler?

We’ve already covered the rewrite of Angular’s compiler, which uses Rust and Oxc. Now we finally have some numbers.

Cédric Exbrayat ran the new pipeline on three projects. His cold-build benchmarks were roughly two to three times faster. On the largest project, memory usage went from about 2.8 GB to 1.4 GB.

The TypeScript team reported about a tenfold speedup with its Go rewrite. Type checking is only one part of an Angular build, though. The other steps also contribute to the total, so speeding up TypeScript won’t give you the same speedup across the whole pipeline.

You can already try the new pipeline in Analog. Brandon Roberts added experimental support for it to Analog’s Vite plugin.

How much faster is the new Angular compiler? - Ninja Squad

Angular is building a new Rust-backed compiler. What does it change, and what can we really expect for build performance?

favicon blog.ninja-squad.com

OpenAPI Generator Adds httpResource

When the backend is written in another language, or when an app talks to multiple backends, we often have to keep track of endpoint URLs and request and response types. We can write that code by hand, or we can generate it from an OpenAPI specification.

OpenAPI Generator’s Angular client has traditionally exposed Observable methods using Angular’s HttpClient. With version 7.27.0, we finally have support for httpResource as well.

There were already community projects that could do this. Now the official OpenAPI Generator can do it as well.

slide.ng

Slidev lets developers write presentations in Markdown. It comes with features like code highlighting, live coding, Mermaid diagrams, and a presenter mode. Slidev itself is built with Vue.

Erkam Yaman built slide.ng, an Angular implementation inspired by Slidev. It uses Slidev’s Markdown format and generates an Angular component for each slide. That means you can use your own Angular components in a presentation, alongside features like live coding, Mermaid, zoom, and presenter mode.

slide.ng | Slides in markdown, built with Angular

Presentations written in markdown, with real Angular template syntax inside. Documentation for slide.ng.

favicon slide-ng.dev

Other News

TanStack Query helps you manage server state, including fetching and caching data. It's available for Angular, and Armen Vardanyan shows how it works in an Angular app in his hands-on stream on Angular Space.


Error boundaries are a bit like try-catch for templates. Angular 22.2’s @boundary block lets you display a fallback if part of the template fails to render. Igor Sedov explains it in one of his animated Angular videos.


ng-prism is a component gallery built for Angular libraries. Version 22.7 adds API pages for services and pipes and gives components and directives the same API page format. Alexander Spies goes through the changes in his release write-up.

Upcoming Conferences

Top comments (0)