#react #command-line #run #snippets #config #component #snippets-components

app react-run

Run React code snippets/components from your command-line without config

4 releases (2 breaking)

0.3.1 Apr 6, 2022
0.3.0 Feb 13, 2022
0.2.0 Jan 25, 2022
0.1.0 Jan 24, 2022

#47 in #snippets

MIT license

21KB
117 lines

react-run

Run React code snippets without config 🚀

Usage

The entry point is always a component called App 👇

// example.tsx

function ProductList({ products }: { products: string[] }) {
  return products.map((p: string) => <li>{p}</li>);
}

export default function App() {
  const style: { [key: string]: string } = {
    background: "lightgray",
    padding: "1em",
  };

  return (
    <div style={style}>
      <h1>Our Products</h1>
      <ProductList products={["Apple", "Banana"]} />
    </div>
  );
}

Run it 🏃

react-run example.tsx

Or run a hosted file 🤖

react-run https://raw.githubusercontent.com/UltiRequiem/react-run/main/examples/typescript.tsx

This will open your default browser with your component loaded 🤯

Features

  • JSX/TSX

  • Functional or Class Components

  • Import External Libraries

  • Run via URL

Check the examples/ to see what is supported.

Installation

Cargo is the Rust package manager.

cargo install react-run

Or use a binary from releases.

Standing on the shoulders of giants

  • 🗼 tokio-rs: A runtime for writing reliable asynchronous applications with Rust.

  • 🤗 colored: The easier way to have text on your term!

  • 👏 clap: A full featured, fast Command Line Argument Parser for Rust

  • minireq: Simple, minimal-dependency HTTP client.

Roadmap

  • Integrate with SWC #4
  • Support TypeScript #2
  • Support running URLs #3
  • Live Reload #1

Support

Open an Issue, I will check it a soon as possible 👀

If you want to hurry me up a bit send me a tweet 😆

Consider supporting me on Patreon if you like my work 🙏

Don't forget to start the repo ⭐

Versioning

We use Semantic Versioning. For the versions available, see the tags 🏷️

Authors

Eliaz Bobadilla - Creator and Maintainer 💪

See also the full list of contributors who participated in this project ✨

Licence

Licensed under the MIT License 📄

Dependencies

~20–33MB
~549K SLoC