{"id":17659792,"url":"https://github.com/raphamorim/react-ape-preview","last_synced_at":"2025-08-14T00:19:09.791Z","repository":{"id":75482431,"uuid":"169904900","full_name":"raphamorim/react-ape-preview","owner":"raphamorim","description":"Service to run previews of React Ape render. Created specifically to react-ape docs","archived":false,"fork":false,"pushed_at":"2019-02-09T20:23:12.000Z","size":108,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-04T18:15:57.937Z","etag":null,"topics":["react-ape"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raphamorim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-02-09T19:29:04.000Z","updated_at":"2022-05-30T05:56:12.000Z","dependencies_parsed_at":"2023-06-06T15:15:27.731Z","dependency_job_id":null,"html_url":"https://github.com/raphamorim/react-ape-preview","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/raphamorim/react-ape-preview","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphamorim%2Freact-ape-preview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphamorim%2Freact-ape-preview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphamorim%2Freact-ape-preview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphamorim%2Freact-ape-preview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raphamorim","download_url":"https://codeload.github.com/raphamorim/react-ape-preview/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raphamorim%2Freact-ape-preview/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270338415,"owners_count":24567112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-13T02:00:09.904Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react-ape"],"created_at":"2024-10-23T16:08:17.267Z","updated_at":"2025-08-14T00:19:09.744Z","avatar_url":"https://github.com/raphamorim.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Ape Preview\n\nRead and parse code to render a preview:\n\nCode:\n\n```jsx\nclass FixedDimensionsBasics extends React.Component {\n  render() {\n    return (\n      \u003cView\u003e\n        \u003cView style={{width: 50, height: 50, backgroundColor: 'powderblue'}} /\u003e\n        \u003cView style={{width: 100, height: 100, backgroundColor: 'skyblue'}} /\u003e\n        \u003cView style={{width: 150, height: 150, backgroundColor: 'steelblue'}} /\u003e\n      \u003c/View\u003e\n    );\n  }\n}\n\nrender(\u003cFixedDimensionsBasics /\u003e, document.getElementById('root'));\n```\n\nUsage:\n\n```js\nhttp://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));\n```\n\nResult:\n\n![preview](preview.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraphamorim%2Freact-ape-preview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraphamorim%2Freact-ape-preview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraphamorim%2Freact-ape-preview/lists"}