URL как источник правды в Next.js App Router

Когда разработчик приходит в Next.js из обычного React SPA, он часто тащит с собой старую схему мышления. Есть поле ввода, значит будет useState . Есть поиск, значит будет useEffect . Есть список данных, значит будем следить за изменением состояния и вручную запускать новый запрос. На маленьком экране это вроде работает. Но очень быстро выясняется, что в приложении уже не одно состояние, а три. Есть значение в поле, значение в URL, данные, загруженные по одному из этих значений. Потом появляется четвёртая проблема. Кнопки Back и Forward начинают вести себя странно. Ссылкой на результат поиска неудобно делиться. А отладка превращается в угадайку, потому что не до конца понятно, что именно сейчас считается главным источником правды. В App Router это решается проще. Если фильтр является частью состояния страницы, его логично держать в URL. Тогда схема становится прямой: URL изменился -> сервер прочитал searchParams -> выполнил fetch -> отрендерил новый список. В этот момент Next.js начинает восприниматься как понятный инженерный инструмент.

https://habr.com/ru/articles/1016068/

#nextjs #nextjs_app_router #app_router #searchparams #url_state #server_components #react #javascript #вебразработка

https://bsky.app/profile/tkadlec.bsky.social/post/3mhxwzlsqhc2b

#JavaScript #WebDev #AI

New #CSS Features I’m Looking Forward to in 2026

https://amberweinberg.com/new-css-features-im-looking-forward-to-in-2026/

#javascript #webdev #frontend #development

I Built 1,700+ Free Browser Tools in 2 Weeks — Here's What Actually Works

Two weeks ago, I launched [tool.teamzlab.com](https://tool.teamzlab.com) with 1,700+ browser-based tools. No backend. No signups. No data collection. Everything runs client-side.

https://tool.teamzlab.com/

#webdev #opensource #showdev #javascript #productivity

Wait, what? There is a way to disable certain web component features via a static class field? Just randomly stumbled upon this in the specs. Can't find much documentation, but it works in Chrome and Firefox at least.

👉 https://html.spec.whatwg.org/multipage/custom-elements.html#dom-customelementregistry-define

#webcomponents #webdev #javascript

Global Organizations Matrix

https://chanyewjoe.com/2026/03/27/global-organizations-matrix/