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
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
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