Benoît Plâtre

@angular browserUrl 🔥20 years routing Drupal contents with custom paths with Flash, Flex, AngularJS, Angular 😅 This is the native solution I was waiting for. Decoupling technical urls from content ones. No more huge and vital custom code for that.

Everyone talks about the major headlines, but what about the smaller, unsung improvements in Angular v22? 💎 What's a minor change or quality-of-life update in v22 that made you say, "Finally!"? Let us know.

@angular BrowserUrl : I’m waiting for it since years. I work on local first apps decoupled from Drupal. Routing foreign urls managed by contributors always has been a huge challenge. Now we have nice urls (BrowserUrl) and technical ones, it eases the process at a huge magnitude.

Now that Angular v22 has been a core part of our workflows for a few weeks, we want to know: what is the one feature or optimization from this release that you absolutely can't go without now that you have it? 🏎️ Drop it below.

@angular Finally browserUrl 😅

Describe your absolute favorite feature or update from the Angular v22 release using exactly three words. ⏱️ We’ll start: Bye bye boilerplate. 😎 Your turn! What’s your three-word review? Let’s hear them 👇

@anulagarwal Deploy it as a PWA, the source code will be installed by the browser, booting instant. Then install it as an app and yes we have it all. You can do it since years, just hope it might become a more and more popular way to distribute webapps

This is not a Steam game. This is not a mobile app. This is a website. A 3D game running directly inside your browser using WebGL and Three.js. No downloads. No installs. No app store approval. Just open a link and play. messenger.abeto.co As a game developer, this still feels insane to me. A few years ago, “browser game” usually meant Flash games, 2D sprites, simple physics, and tiny arcade loops. Today, the browser can run 3D environments, real-time lighting, physics, shaders, multiplayer, save systems, payments, analytics, ads, and full game loops. WebGL is no longer just for cool tech demos. Three.js is no longer just for experimental visuals. The browser is slowly becoming one of the most powerful distribution layers for games and interactive products. And the best part? You do not need to convince someone to install anything. The link is the product. This changes everything for solo devs. You can build fast. Ship instantly. Test ideas publicly. Share clips. Collect feedback. Update without review cycles. Reach players across devices. The browser stopped being just a place to read websites a long time ago. Now it is becoming a game engine, an app store, and a distribution channel at the same time. Pretty crazy

@angular is an absolute beast. Just hit a 94 Lighthouse performance score on a near-finished enterprise PWA powered by Angular 22. - Local-first - Drupal backend (JSON:API read/write, autosave) - ZERO SSR/ISR/SSG Internal app so no screenshots, but damn it feels good. 😎

BrowserUrl in routerLink will help a lot, at least for me. As I work on decoupled apps with Drupal, it was quite hard and challenging to route unknown contributed path from Drupal to internal angular route. Can’t wait to use it 👍 Well done @angular !

@PushBased We can see how this subject is popular while crucial for websites. If anyone is curious, you can check icilalune.com Done in 2021 using angular, threeJS and Drupal. And yes I’m managing routing like this since I was creating Flash webapps getting its data from …Drupal

@PushBased That’s big news. I always struggled with this to get my nice Drupal urls (managed by contributors) rather than the technical router ones. I used a CustomUrlSerializer for this. Can’t wait to see how they designed it!

🚀 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝟐𝟐: 𝐁𝐫𝐨𝐰𝐬𝐞𝐫𝐔𝐫𝐥 𝐒𝐮𝐩𝐩𝐨𝐫𝐭 𝐟𝐨𝐫 𝐑𝐨𝐮𝐭𝐞𝐫𝐋𝐢𝐧𝐤𝐬 Angular routing gets more flexible. With Angular 22, router links will support a new browserUrl input — allowing the URL shown in the browser to be different from the actual route Angular matches internally. 👉 What changes? 🌐 𝐂𝐮𝐬𝐭𝐨𝐦 𝐁𝐫𝐨𝐰𝐬𝐞𝐫 𝐔𝐑𝐋𝐬 You can display a cleaner or more user-friendly URL in the browser. 🧠 𝐒𝐞𝐩𝐚𝐫𝐚𝐭𝐞 𝐔𝐈 𝐟𝐫𝐨𝐦 𝐑𝐨𝐮𝐭𝐢𝐧𝐠 𝐋𝐨𝐠𝐢𝐜 Angular can still match the internal route path while users see a different URL. ⚙️ 𝐌𝐨𝐫𝐞 𝐅𝐥𝐞𝐱𝐢𝐛𝐥𝐞 𝐍𝐚𝐯𝐢𝐠𝐚𝐭𝐢𝐨𝐧 Helpful for aliases, cleaner paths, redirects, or improved UX. ✨ 𝐁𝐞𝐭𝐭𝐞𝐫 𝐔𝐑𝐋 𝐄𝐱𝐩𝐞𝐫𝐢𝐞𝐧𝐜𝐞 Especially useful when technical route structures shouldn’t be exposed to users. Small API addition — big possibilities for routing design. #Angular #WebDev #Frontend

This is really cool to see all these things with Canvas in html. We did also expriment with anamorphose in an AR experience using ThreeJS

Finally making a @threejs example with @shotamatsuda's geospatial volumetric clouds ~ ☁️

@RDSca Ça grince toujours via l’AppleTV et l’app RDS… des idées sur la source du problème ?

@Nartc1410 Congrats Chau ! 💪🤩

#angularthree v4 has been released I can't do fancy release promo like TresJS and co because skill issue and time, mainly skill issue but I'll highlight some Blog here: angularthree.org/blog/v4/ docs here: angularthree.org demo here: demo.angularthree.org

@Enea_Jahollari @AScottAngular Doing SSG, we have to deal with it. I was used to write custom code to manage it. Great news it will managed by Angular itself 😅

Angular will add support for configuring trailing slash in the routes 🎉 github.com/angular/angula… This is a 9 year old issue getting fixed!! Thanks to @AScottAngular #angular

@Armandotrue Interesting, thanks! Could be useful for params, queryParams, etc. too. I often need to get those informations beyond ActivatedRoute.

I don't know if this is actually helpful. Maybe you could use it as a sort of cache or something... ...but combining the #RxJS `scan` operator with #Angular Router's `ResolveEnd` event, you can accumulate all of your app's resolved data in one place

🎬🎼 DÉBAT | Quelle est, selon vous, la meilleure musique de film de tous les temps ?

@DeborahKurata I work on projects using Angular and Drupal using JSON:API to get data. I use Drupal Display Views to dynamically create my requests which are no more defined in my apps. I use rxResource to get those definitions, build my JSON:API url with fields and include, then load my entity

Anyone have a great example of a use case for rxResource? Something requiring data composition? I have this (see below), but am looking for something more interesting. I'm working on a new "Angular: RxJS" course and want to include a section on rxResource. Thanks! #Angular

@kickiniteasy @PierreDeWulf No extra distribution ? Unlimited access to the web is already unlimited. App Stores are the ones which are limited 🤨 Also dedicated app packaging and updates distribution is a lot more limited in App Stores. PWAs removes distribution limitations 😊 Check whatpwacando.today

@PierreDeWulf there’s not a lot of advantage vs. mobile responsive website don’t get access to the OS-level features (Notifs, Contacts, GPS, etc.) require weird bundling so can’t just ship your plain website as an app can’t ship to the App Store so no extra distribution

It’s been 10 years and I still don’t know a single person who uses a PWA on their phone. Great ideas, great execution, doesn’t matter. Adoption has its own weird kind of magic.

@Armandotrue We could add a progress when needed/applicable

A very long-awaited example! Here's a super simplified #Angular directive to show/hide loading instead of dynamic content This is, of course, primitive, but many things can be built on top of this

@Armandotrue I would add the ability to provide custom loading component(s) from the outside with keys like tiny, default, big (ability to add keys). This directive could be cross projects. And if we need to update the loading component(s), we do it at one place.

Please don't do this

@Jean__Meche 💪 Une bonne tartiflette après ça 😋

Today was fun 😄