ReactLive

Real-time preview of React components

Stars
2

React Live

Usage

$ pnpm add react-live-runtime -E
// ./example/index.tsx
const sandbox = withSandbox({ React, console, alert, ...Arco });
const compiledCode = compileWithSucrase("<div>" + code + "</div>");
const Component = renderWithDependency(compiledCode, sandbox) as JSX.Element;
ReactDOM.render(Component, el);

Develop

$ npm i -g [email protected]
$ pnpm install --frozen-lockfile
$ npx husky install 
$ chmod 755 .husky/pre-commit
$ pnpm run dev