https://github.com/frontarm/demoboard
Demoboard live code editor
https://github.com/frontarm/demoboard
Last synced: 14 days ago
JSON representation
Demoboard live code editor
- Host: GitHub
- URL: https://github.com/frontarm/demoboard
- Owner: frontarm
- License: apache-2.0
- Created: 2019-09-19T14:43:05.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-02-19T12:32:03.000Z (about 3 years ago)
- Last Synced: 2025-03-26T02:11:25.513Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://frontarm.com/demoboard
- Size: 6.16 MB
- Stars: 83
- Watchers: 5
- Forks: 12
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Demoboard
=========
An embeddable live editor, with every package on npm.
Getting Started
---------------
Demoboard can be embedded within any app built with Webpack -- including apps built with Create React App, Gatsby, Next.js, etc.
```bash
yarn add @frontarm/demoboard
```
```js
import React from 'react'
import { Demoboard, DemoboardGlobalStyles } from '@frontarm/demoboard'
const initialSources = {
'/index.js': `
import React from 'react@experimental'
import ReactDOM from 'react-dom@experimental'
const root = ReactDOM.createRoot(
document.getElementById('root')
)
root.render(
Hello, world!
)`,
}
const App = () => {
return (
<>
>
)
}
```
Contributing
------------
```bash
yarn install
yarn build
cd examples
yarn start
```