react-run

无需配置运行React代码片段 🚀

用法

入口总是一个名为 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>
  );
}

运行它 🏃

react-run example.tsx

或运行托管文件 🤖

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

这将打开默认浏览器并加载您的组件 🤯

特性

• JSX/TSX

• 函数式或类组件

• 导入外部库

• 通过URL运行

查看 examples/ 了解支持的内容。

安装

Cargo 是Rust包管理器。

cargo install react-run

或使用发布版中的二进制文件。

站在巨人的肩膀上

• 🗼 tokio-rs: 使用Rust编写可靠异步应用程序的运行时。

• 🤗 colored: 在您的终端上显示文本的更简单方式！

• 👏 clap: Rust的全功能、快速命令行参数解析器

• ⚡ minireq: 简单的、依赖性最少的HTTP客户端。

路线图

• 集成SWC #4
• 支持TypeScript #2
• 支持运行URL #3
• 实时重新加载 #1

支持

提交问题，我会尽快查看 👀

如果您想让我加快一些，给我发推文 😆

如果您喜欢我的工作，请考虑在Patreon上支持我 🙏

别忘了关注仓库 ⭐

版本

我们使用语义版本控制。有关可用版本的信息，请参阅标签 🏷️

作者

Eliaz Bobadilla - 创建者和维护者 💪

另请参阅参与此项目的完整贡献者列表 贡献者 ✨

许可证

MIT 许可证 📄