🛠️ So you’ve got 8 minutes to burn and a yearning to DIY a router? 🤔 Forget rocket science—just use #URLPattern and a sprinkle of #JavaScript magic to unleash your inner web developer. Who knew checking browser URLs could be the pinnacle of tech innovation? 🌐😅
https://jschof.dev/posts/2025/11/build-your-own-router/ #DIYRouter #WebDevelopment #TechInnovation #HackerNews #ngated
Build Your Own Router - Jschof.dev

Wake up, honey, URLPattern just dropped. It's time to make our own SPA router with web components!

Build Your Own Router - Jschof.dev

Wake up, honey, URLPattern just dropped. It's time to make our own SPA router with web components!

🌘 使用原生 JavaScript 和 URLPattern 建構單頁式應用程式 (SPA) 路由器
➤ 探索原生 API 的力量:打造您自己的 JavaScript SPA 路由器
https://jschof.dev/posts/2025/11/build-your-own-router/
本文詳述如何利用原生的 JavaScript 和瀏覽器 API,特別是新推出的 URLPattern,從頭建構一個簡單的單頁式應用程式 (SPA) 路由器。作者深入探討了處理動態路由、斜線差異、萬用字元匹配以及用戶導航(包括連結點擊和瀏覽器歷史記錄的後退/前進操作)的技術細節。文中也提及伺服器配置(如 Vite 的 spa 模式)和部署考量,並提醒讀者注意潛在的安全風險,例如跨站腳點 (XSS)。
+ 這篇文章對於理解 SPA 路由器底層運作原理非常有幫助!URLPattern 聽起來確實是個強大的工具。
+ 很棒的實踐指南,但我有點擔心自建路由器在安全性上的考量,作者的建議很重要。
#JavaScript #SPA #路由器 #URLPattern #前端開發
Build Your Own Router - Jschof.dev

Wake up, honey, URLPattern just dropped. It's time to make our own SPA router with web components!

YOUHOU 🥳

Avec les #UrlPattern, on va considérablement simplifier l'écriture de #routeur en #web

Des specs qui vont dans le bon sens : du code qu'on écrit nous même depuis des années peut finalement être remplacés par des objets du language !

https://developer.mozilla.org/en-US/docs/Web/API/URLPattern

#Javascript #DOM #Code

URLPattern - Web APIs | MDN

The URLPattern interface of the URL Pattern API matches URLs or parts of URLs against a pattern. The pattern can contain capturing groups that extract parts of the matched URL.

MDN Web Docs

[Перевод] URLPattern теперь доступен в Baseline

API URLPattern официально стал базовой возможностью и доступен во всех основных браузерах с сентября 2025 года. Однако он может не работать на старых устройствах или в старых браузерах. Узнать больше . Когда требуется функциональность, реагирующая на изменения URL, часто приходится писать сложные регулярные выражения или подключать сторонние библиотеки для маршрутизации. Теперь, когда URL Pattern API вошел в Baseline, у нас появилось стандартное, мощное и универсальное решение для этой задачи.

https://habr.com/ru/companies/timeweb/articles/960722/

#javascript #js #url #urlpattern #regex #routing #роутинг #маршрутизация #baseline #timeweb_статьи_перевод

URLPattern теперь доступен в Baseline

API URLPattern официально стал базовой возможностью и доступен во всех основных браузерах с сентября 2025 года. Однако он может не работать на старых устройствах или в старых браузерах. Узнать больше...

Хабр
Using URLPattern as a Framework-Free Router in Node 24 https://jsdev.space/urlpattern-router-node24/ #nodejs #urlpattern

Cập nhật: URLPattern chính thức là Baseline. Tối ưu web với từ khóa tự động. Thích hợp công nghệ nhanh chóng! #URLPattern #Baseline #WebDev #TạoGốc #WebXâyDựng #TechUpdate

https://www.reddit.com/r/programming/comments/1ocdsc8/urlpattern_is_now_baseline_newly_available/

URLPattern — pattern matching, который мы ждали

Привет, Хабр! На связи снова Сергей, ведущий фронтенд-разработчик из Центрального университета. В последнее время я преисполнился URL и опять хочу про него рассказать. В прошлой статье я рассказал о том, почему неправильно использовать URL API для валидации ссылок. В этот раз буду использовать инструменты по назначению. Речь пойдет про новый URLPattern API для сопоставления URL с шаблонами, который позволит валидировать ссылки без головной боли.

https://habr.com/ru/companies/tbank/articles/955984/

#url #urlpattern #javascript #typescript #nodejs #validation #patternmatching #pattern #браузеры #ссылки

URLPattern — pattern matching, который мы ждали

Привет, Хабр! На связи снова Сергей, ведущий фронтенд-разработчик из Центрального университета. В последнее время я преисполнился URL и опять хочу про него рассказать.  В прошлой статье я...

Хабр