Replace URL from Signals#
Demo#
Look at the URL in the browser address bar!
Explanation#
<div
data-signals="{page: 0}"
data-on-raf__throttle.1s="page.value++"
data-replace-url="`/examples/replace_url_from_signals?page=${page.value}`"
>
</div>
The data-replace-url
attribute is a special attribute that is used to replace the URL in the browser without reloading the page. This is useful for updating the URL when the user interacts with the page. In this example we update the URL with the current page number every second. This is done by incrementing the page
signals every second. The data-on-raf__throttle.1s
event is triggered every second and increments the page
signals. This triggers a re-render of the page
signals and updates the URL in the browser. You can still use the __throttle
and __debounce
modifiers to control the rate of updates even further.