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 context.tsx
Raw

assets/context.tsx 

import { createContext, useContext, type ReactNode } from "react";

import type { HookProps } from "./types";



export const ReactPhxContext = createContext<HookProps | null>(null);



interface ReactPhxProviderProps extends HookProps {

  children: ReactNode;

}



export function ReactPhxProvider({

  children,

  ...props

}: ReactPhxProviderProps): React.JSX.Element {

  return (

    <ReactPhxContext.Provider value={props}>{children}</ReactPhxContext.Provider>

  );

}



export function useLiveReact(): HookProps {

  const ctx = useContext(ReactPhxContext);

  if (!ctx) {

    throw new Error("useLiveReact must be used within a ReactPhxProvider");

  }

  return ctx;

}