npm install @monaco-editor/react 试一下: importEditorfrom'@monaco-editor/react';functionApp(){constcode=`import { useEffect, useState } from "react";function App() {const [num, setNum] = useState(() => {const num1 = 1 + 2;const num2 = 2 + 3;return num1 + num2});return ( ...
React Playground A minimal React project for experimenting and refining templates / deployment pipelines Quick Start go through everything in Prerequisites npm run init initialize the project (creates local env files and install dependencies) npm run start start react app in your browser Available com...
这是它们做的 react playground: 这样,如何引入编辑器里写的 ./Aaa.tsx 这种模块,如何引入 react、react-dom 这种模块我们就都清楚了。 分别用 Blob + URL.createBlobURL 和 import maps + esm.sh 来做。 那编辑器部分如何做呢? 这个用 @monaco-editor/react 安装下: 代码语言:javascript 复制 npm install ...
编辑器部分用 @monaco-editor/react 实现,然后用 @babel/standalone 在浏览器里编译。 编译过程中用自己写的 babel 插件实现 import 的 source 的修改,变为 URL.createObjectURL + Blob 生成的 blob url,把模块内容内联进去。 对于react、react-dom 这种包,用 import maps 配合 esm.sh 网站来引入。 然后用 ifr...
import {Playground} from 'react-exercise-playground' export const Demo1 = () => { return <Playground/> } Playground 是基础组件,使用时对宿主环境有侵入性(会动态加载一些js和css且默认会改变url hash,可以通过配置saveOnUrl={false}属性取消对url的改变)。 PlaygroundSandbox PlaygroundSandbox是对Playground...
Latest version: 0.0.3, last published: 8 months ago. Start using react-playground-test in your project by running `npm i react-playground-test`. There are no other projects in the npm registry using react-playground-test.
React Playground是一个在线代码编辑器,可以实时运行React代码。它提供了一个交互式的开发环境,可以快速编写、测试和调试React组件。 React Playground支持动态引入自定义文件和第三方依赖包,这意味着你可以在代码中导入并使用自己编写的组件、样式文件或其他资源。你只需要在代码中使用import语句来引入相应的文件,React ...
React变换样板 一个新的Webpack样板,具有: 热重装React组件; 组件render()函数内部的错误处理; 语法错误的错误处理(感谢 !) 使用和一些自定义转换构建。 使用React Hot Loader。 演示版 git clone https://github.com/gaearon/react-transform-boilerplate.git cd react-transform-boilerplate npm install npm ...
该操作需登录 Gitee 帐号,请先登录后再操作。 立即登录 没有帐号,去注册 编辑仓库简介 简介内容 React版 在线编写代码,实时预览 主页 取消 保存更改 1 https://gitee.com/zwbuber/react-playground.git git@gitee.com:zwbuber/react-playground.git zwbuber react-playground react-playground master深圳...
React Playground A minimal React project for experimenting and refining templates / deployment pipelines Quick Start go through everything in Prerequisites npm run init initialize the project (creates local env files and install dependencies) npm run start start react app in your browser Available com...