React Integration Demo

Server Counter (LiveView)

This counter is managed server-side with LiveView:

Server Count: 0

Client Counter (React)

This counter is a React component with client-side state:

Client Count
0

React Components

Cards

Welcome

This is a server-rendered React card component that will be hydrated on the client.

Features

  • Server-side rendering with Rust
  • Client-side React hydration
  • Mix LiveView and React seamlessly

Todo List (React + LiveView)

Todos managed server-side, rendered with React components:

Try React integration
Build amazing apps

Alerts