~/talk

Modern Routing

Talkat dotJS 2019 · 2019-12-05..12-06· [frontend-architecture, web-platform]
slides:none on file

Explains how browser history APIs like pushState/replaceState and location parts (path, search, hash) become the objects routers match against, demonstrates that URLSearchParams is buggy in Safari while Firefox decodes for devs and users, and shows why always encoding parts matters. Shows how route patterns turn into regexes and how routers use path scoring (70 for static segments, ~16 for dynamic, +5 for custom regex) to rank matches, then hands those matches to components for rendering.

AI-written summary · about

  1. 0:00Start
  2. 1:42HISTORY API
  3. 5:54URLSEARCHPARAMS API
  4. 9:17ENCODING
  5. 15:21MATCHER
  6. 16:28ROUTER
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.