https://github.com/vikiboss/react-online
React Online Playground, simple but efficient, supports sharable URL. 「React 单文件实时预览编辑器」，轻量、高效、使用 TS、Import Map 和 esm.sh，支持可分享 URL
https://github.com/vikiboss/react-online
editor monaco-editor online-editor playground react react-playground shiki typescript
Last synced: 3 months ago
JSON representation
React Online Playground, simple but efficient, supports sharable URL. 「React 单文件实时预览编辑器」，轻量、高效、使用 TS、Import Map 和 esm.sh，支持可分享 URL
- Host: GitHub
- URL: https://github.com/vikiboss/react-online
- Owner: vikiboss
- Created: 2024-05-29T09:31:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-07T08:32:22.000Z (11 months ago)
- Last Synced: 2024-11-07T09:34:33.183Z (11 months ago)
- Topics: editor, monaco-editor, online-editor, playground, react, react-playground, shiki, typescript
- Language: TypeScript
- Homepage: https://react-online.vercel.app
- Size: 433 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# React Online Playground
WIP. Visit [here](https://react-online.vercel.app/) or [backup domain](https://react-online.viki.moe/).
## Features
- Support sharable url (base64 encoded in hash), such as [here](https://react-online.viki.moe/#code=aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnCmltcG9ydCB7IHVzZU1vdXNlIH0gZnJvbSAnQHNoaW5lZC9yZWFjdC11c2UnCgpmdW5jdGlvbiBBcHAoKSB7CiAgY29uc3QgeyB4LCB5IH0gPSB1c2VNb3VzZSgpCiAgcmV0dXJuIDxkaXY%2BKHgsIHkpOiAoe3h9LCB7eX0pPC9kaXY%2BCn0KCmNyZWF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Jvb3QnKSEpLnJlbmRlcig8QXBwIC8%2BKQo%3D)
- Support many third-party libraries (`dayjs`, `@shined/react-use`)
- Automatically add imports in `Import Map`
- Dark mode and beautiful monaco editor and clean UI
- Instantly see the result of your code, powered by [sucrase](https://github.com/alangpierce/sucrase)
## Examples Links
- [ProfileCard](https://dev.viki.moe/#code=eNqtVc1u00AQvucpRhGqE6mbpCGUKE2KKnIoUlsRIZA4NRt7nWy73nV21%2FmpmxvihOgTcEXcQSriyKMgirjxCqztxLHTAheiSN7d8XzzfTOzY%2Br5Qmpw8PxMgSuFB1a8tvYKBTKLbW7AbU0FhwPfL5UhLABIogPJoWSWAG2HTsBmWKkT7JGO5aOmtR9bjK3XeyqFSxl5jKWzPAQYjzvhzk5jp95sPHzQXKTnnNrnPAIpvqDnFL69e%2FXr81UxNTMyIcx41jMuig45NmxM4COiFFAFnpCkYq2DUSfB6x301lhBdBqcYuUkf%2FtiZjtqZa8mAtpVoy1alguL2%2FnIaSv5UviqBZjPkxzZgisNodEKHahtp9rMzrK2Ey2JJZWwNBnCy5UkQ6o0kQfaHHSxJhUupqXydsQ%2BfgUW5hFH3ktD4gnWWD6XEXp%2FpLVhVa2OK2MmhqJi8%2BqIYId6w1OHPXKUPg0o79wLx%2BPFlvKJ3an1C3cVeJmXdZmLkjCs6YSAJjONpiOqSbVZgylqNGr%2BDEaoXoueLiMzEBMiXSamCAdarHKs9JyRThjCANvnQykC7rSgzwWSxCdYg024kV61I2cIJCvdC1Npi3IfFkkTpK2Wb8NiFBjtgIca%2BfBxOMekDA1YIDM7SYcjzU0PISPDR7sJ9RjGFgyG2Ed1iGkSB9WLq7h3R45f34xsUuQplOjK%2BBsEUw9Q0u5kFGYRxeCM2NrQiFKh6AVB9UZK5T6oEXZMDOUVV437F2IbgvKlyXrf9l9XOil6fcbAFVyjgWAOaGlSSfkQTalDlC7uh6uWX6T36B%2FYMzODIjwWlSIPuEENzO2DqGs3TtvKxzynOeXnzaKqfb1uV6N3NuGOJhUI40v53yDD6CJfXoLVe9KFE6HhGdFWHv2OxITrcbC1dTtN0kwfMwiyeYqXVGNG7WStiKRuUiLTE%2FtrxGUhshw2GOS2%2Bc0fCiZ8bFM9R7vR3XcDxpLASZdnaeKBEiww1AdCa%2BGh3UxJf356f3N1%2FePjh5vXb75%2FeQth%2FBEqredfueIK6WFdsl6aHzo%2BRt0uHB62PK%2BllFVeKcowzs%2Fu34cyIa8%3D)
## License
MIT © Viki