LiveViewReact (liveview_react v1.0.0)

Copy Markdown View Source

Phoenix function components for rendering React roots in LiveView.

Every root requires an explicit DOM id, registry component name, and LiveView socket:

<.react id="counter" component="Counter" socket={@socket} count={@count} />

Summary

Functions

Renders one explicitly identified React component root.

Functions

react(assigns)

@spec react(map()) :: Phoenix.LiveView.Rendered.t()

Renders one explicitly identified React component root.

:id and :component must be non-empty strings, and :socket must be a Phoenix.LiveView.Socket. All remaining ordinary assigns are transported as props; streams and slots use their dedicated transports.