https://github.com/raphamorim/react-ape-preview
Service to run previews of React Ape render. Created specifically to react-ape docs
https://github.com/raphamorim/react-ape-preview
react-ape
Last synced: 7 months ago
JSON representation
Service to run previews of React Ape render. Created specifically to react-ape docs
- Host: GitHub
- URL: https://github.com/raphamorim/react-ape-preview
- Owner: raphamorim
- Created: 2019-02-09T19:29:04.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-02-09T20:23:12.000Z (about 7 years ago)
- Last Synced: 2025-06-04T18:15:57.937Z (10 months ago)
- Topics: react-ape
- Language: JavaScript
- Homepage:
- Size: 105 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Ape Preview
Read and parse code to render a preview:
Code:
```jsx
class FixedDimensionsBasics extends React.Component {
render() {
return (
);
}
}
render(, document.getElementById('root'));
```
Usage:
```js
http://0.0.0.0:9000/?code=class%20FixedDimensionsBasics%20extends%20React.Component%20{%20render()%20{%20return%20(%20%3CView%3E%20%3CView%20style={{width:%2050,%20height:%2050,%20backgroundColor:%20%27powderblue%27}}%20/%3E%20%3CView%20style={{width:%20100,%20height:%20100,%20backgroundColor:%20%27skyblue%27}}%20/%3E%20%3CView%20style={{width:%20150,%20height:%20150,%20backgroundColor:%20%27steelblue%27}}%20/%3E%20%3C/View%3E%20);%20}%20}%20render(%3CFixedDimensionsBasics%20/%3E,%20document.getElementById(%27root%27));
```
Result:
