esplay

Turn browser into a buildless prototyping environment. Works with:

0.0.6
latest
npm

Version published: 3 weeks ago

Maintainers: 0

Created: 7 months ago

Source

ESPlay

Turn browser into a buildless prototyping environment. Works with:

React
TypeScript/TSX/JSX

Quickstart

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ESPlay Demo</title>
    <link rel="preconnect" href="https://esm.sh" />
    <script id="dependencies" type="application/json">
      {
        "react": "^18.3.1",
        "react-dom": "^18.3.1?bundle-deps"
      }
    </script>
    <script src="https://unpkg.com/esplay" crossorigin></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
      import React, { useState } from "react";
      import ReactDOM from "react-dom/client";

      function App() {
        const [count, setCount] = useState(0);
        return (
          <div>
            <p>Count: {count}</p>
            <button onClick={() => setCount(count + 1)}>Increment</button>
          </div>
        );
      }

      ReactDOM.createRoot(document.getElementById("root")).render(
        <React.StrictMode>
          <App />
        </React.StrictMode>
      );
    </script>
  </body>
</html>

Examples

Pomodoro Timer: React + Ant Design
Contact book: React + MUI
RSS Reader: Vanilla JS + RxJS

Caveats

The following issues are under investigation. Suggestions are welcome.

No dynamic import import(...)
No relative file import import './MyComponent
No Source map

FAQs

What is esplay?

Is esplay well maintained?

Package last updated on 19 Jan 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

esplay

ESPlay

Quickstart

Examples

Caveats

Related posts

Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional

Maven Central Adds Sigstore Signature Validation