TGViewer
Angular Meetup Angular Meetup @angular_meetup · 138 subscribers
Post #82 143
#blog
На сегодня статья "URL как контейнер состояния", которая напоминает нам, что URL тоже может быть инструментом для разработчика.
- URL — это не только адреса, но и состояние: они сохраняют контекст, работают без перезагрузки, поддерживают кнопку «Назад», закладки и шаринг.

- URL — ключ кэша, аналитики и версионности.

- Состояние кодируется через:
⚫️ Путь — иерархия (/users/123/posts).
⚫️ Параметры — фильтры, пагинация, настройки (?sort=date&page=2).
⚫️ Якорь — позиция на странице (#section, #L20-L30).

- Храните в URL:
⚫️ Фильтры, поиск, сортировку.
⚫️ Режимы (список/сетка), вкладки.
⚫️ A/B-тесты, версии, флаги.

- Не храните:
⚫️ Пароли, токены, временные состояния (модалки, скролл), большие объекты (например, base64-JSON).

- Практика:
⚫️ Используйте URLSearchParams и pushState/replaceState.
⚫️ Дебаунс для частых обновлений (например, поиск).

- Антипаттерны:
⚫️ Потеря состояния при обновлении.
⚫️ Непонятные параметры (?a=1&b=2).
⚫️ Перегрузка URL.
⚫️ Поломка истории браузера.

Статья: https://habr.com/ru/articles/962828/
Хабр URL как контейнер состояния Пару недель назад, когда я писал пост The Hidden Cost of URL Design , мне нужно было добавить подсветку синтаксиса SQL. Я направился на веб-сайт PrismJS , пытаясь вспомнить, можно ли добавить его в...
  • ❤ 4
More from @angular_meetup
  1. Sep 22, 2026#blog Сегодня посмотрим статью об адаптивных iframe в Chrome 154: ▪Новая возможность: Chro…
  2. Sep 14, 2026#blog Знаю, что сама тема не нова, но это не делает её неактуальной. Сегодня посмотрим ста…
  3. Aug 21, 2026#blog Вышел релиз Chrome 153 beta. Что в нем можно найти: -Особенность релиза: Chrome 153…
  4. Aug 11, 2026#blog Сегодня - статья о том, как стандарт Baseline помогает уменьшить размер JavaScript-б…
  5. Aug 3, 2026#blog Сегодня посмотрим на новый HTML элемент <usermedia>: - Новый элемент: Доступен в Chr…
  6. Jul 14, 2026#blog В июне был опубликован RFC с методом QUERY в HTTP (и почти одновременно он был добав…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →