Packages

react_phx

0.1.0
0.1.2 retired 0.1.1 retired 0.1.0 retired

React inside Phoenix LiveView — async code splitting, client-side props diffing, and zero-config component discovery.

Retired package: Release invalid - Not production-ready

Current section

Files

Jump to
Readme
3 Versions
7 Dependencies
0 Dependants
Files
Activity
react_phx assets copy js app.js
Raw

assets/copy/js/app.js 

import "phoenix_html";

import { Socket } from "phoenix";

import { LiveSocket } from "phoenix_live_view";

import hooks from "virtual:react-phx";



let csrfToken = document.querySelector("meta[name='csrf-token']")?.getAttribute("content");

let liveSocket = new LiveSocket("/live", Socket, {

  params: { _csrf_token: csrfToken },

  hooks: { ...hooks },

});



liveSocket.connect();

window.liveSocket = liveSocket;