Передача состояния инструмента только через хэш URL — проектирование «рецептурных URL» Share Tool State via URL Hash Alone -- Designing 'Recipe URLs'

Статья представляет паттерн «рецептурных URL» для кодирования состояния веб-инструментов в хэш-части URL, что позволяет мгновенно делиться результатами без отправки данных на сервер. Автор объясняет, почему хэш предпочтительнее серверных решений: он обеспечивает приватность, работает на статических сайтах и не требует бэкенда. В статье приведена конкретная реализация на React и TypeScript, включая Unicode-safe Base64-кодирование и обработку ограничений длины URL. Этот подход особенно важен для разработчиков инструментов, где конфиденциальность данных и простота обмена являются ключевыми требованиями.

The article introduces the 'Recipe URL' pattern for encoding web tool state into the URL hash, enabling instant sharing of results without sending data to a server. It explains why the hash is preferable to server-side approaches: it ensures privacy, works on static sites, and requires no backend. The piece provides a concrete implementation in React and TypeScript, covering Unicode-safe Base64 encoding and URL length limit handling. This approach is significant for tool developers where data privacy and ease of sharing are critical, offering a serverless, secure method for state persistence and collaboration.