LiveReact examples

View on Github

LiveReact Link Component Examples

Current path: /link-demo

Traditional Navigation (href)

These links cause full page reloads, just like regular HTML links.

LiveView Patch (patch)

Patch stays in the same LiveView process, calls handle_params.

LiveView Navigate (navigate)

Navigate to different LiveViews within the same live_session.

Replace History (replace)

Replace browser history instead of adding new entries.

Test Area

Use your browser's back/forward buttons to test navigation behavior. Notice the difference between href (full reload), patch (same process), and navigate (new process) links.

LiveView State Information

Current Path: /link-demo

Current Tab: default

URL Params: %{"reset" => "true"}

LiveView Process: #PID<0.1739.0>

Mount Count: 1

Params Update Count: 1

โœ… This demonstrates patch navigation - same process, different params!