{"id":13773902,"url":"https://github.com/bufferhead-code/react-minecraft","last_synced_at":"2025-05-11T06:31:44.411Z","repository":{"id":207417936,"uuid":"718697253","full_name":"bufferhead-code/react-minecraft","owner":"bufferhead-code","description":"react-minecraft allows you to create Minecraft builds using react.js components","archived":false,"fork":false,"pushed_at":"2023-11-15T17:07:57.000Z","size":49,"stargazers_count":33,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-08-03T17:10:50.347Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/bufferhead-code.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}},"created_at":"2023-11-14T16:05:26.000Z","updated_at":"2024-06-03T17:52:11.000Z","dependencies_parsed_at":"2023-11-15T18:27:12.587Z","dependency_job_id":"8c5db8ea-666c-4148-8f55-0cffc676fbaa","html_url":"https://github.com/bufferhead-code/react-minecraft","commit_stats":null,"previous_names":["bufferhead-code/react-minecraft"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bufferhead-code%2Freact-minecraft","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bufferhead-code%2Freact-minecraft/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bufferhead-code%2Freact-minecraft/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bufferhead-code%2Freact-minecraft/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bufferhead-code","download_url":"https://codeload.github.com/bufferhead-code/react-minecraft/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225021910,"owners_count":17408513,"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","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":[],"created_at":"2024-08-03T17:01:21.495Z","updated_at":"2024-11-17T09:30:23.994Z","avatar_url":"https://github.com/bufferhead-code.png","language":"JavaScript","funding_links":[],"categories":["Miscellaneous"],"sub_categories":[],"readme":"# React Minecraft\n\nReact Minecraft is a project that allows you to create Minecraft worlds using React components.\nJust like React-DOM and React-Native, React Minecraft uses the React.js Framework and JSX to craft custom builds in Minecraft. With Minecraft Blocks.\n\n**You can watch how i made it [here](http://www.youtube.com/watch?v=YaX5ZAEqXD8)**\n\n[![Youtube Video about how this project was made](http://img.youtube.com/vi/YaX5ZAEqXD8/0.jpg)](http://www.youtube.com/watch?v=YaX5ZAEqXD8 \"I built a Minecraft house using React.js\")\n\nAn Example for the Top Layer Component for a Minecraft house could look like this:\n\n```javascript\nexport default function House() {\n    return (\n        \u003c\u003e\n            \u003cCanvas x={1} y={4} z={1} xSpan={10} ySpan={10} zSpan={10}\u003e\n                \u003cFloor\u003e\u003c/Floor\u003e\n                \u003cWalls\u003e\u003c/Walls\u003e\n                \u003cCornerFlowerBed facing=\"east\" x={2} y={1} z={0}\u003e\u003c/CornerFlowerBed\u003e\n                \u003cCornerFlowerBed x={6} y={1} z={0} facing=\"west\"\u003e\u003c/CornerFlowerBed\u003e\n                \u003cRoof\u003e\u003c/Roof\u003e\n                \u003cLongFlowerBed x={0} y={1} z={2} facing=\"west\"\u003e\u003c/LongFlowerBed\u003e\n                \u003cLongFlowerBed x={8} y={1} z={2} facing=\"east\"\u003e\u003c/LongFlowerBed\u003e\n            \u003c/Canvas\u003e\n        \u003c/\u003e\n    )\n}\n```\n\n## Run the project\n\nTo run the project type `npm run start`. \nThis will start a local minecraft server on port 25565.\nYou can connect to this server using the Minecraft Java Edition via localhost:25565.\n\nCurrently only Minecraft Version **v1.16.1** is supported.  \n\n## How to use\n\nAfter logging in you can type `/reload` to reload the component.\n\n## State of this project\n\nThis is a very early release of this project (you could call it a prototype), the API is still subject to change. \nDepending on the Feedback this project will be further developed to provide a stable API.\n\n## Minecraft Block Index + Block States\n\nFor documentation of blocks and available states\n\nhttps://minecraftitemids.com/\n\n## Roadmap / Ideas: \n\n * Add better component reloading (after file updates) without server restart\n * Add rotation and mirror possibility for blocks/sections\n * Probably make it faster, not really sure how well it performs on larger structures yet\n * Check if we can make events (f.e. button press) work\n * If events work, add reactivity\n * If reactivity works see if functions can work\n\n## Contributing\n\nIf you are interested in contributing feel free to either contact me or open tickets for what you would like to contribute. \nPlease don't open PRs for new features without prior discussion. Bugfixes and small changes are of course welcome without prior ticket.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbufferhead-code%2Freact-minecraft","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbufferhead-code%2Freact-minecraft","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbufferhead-code%2Freact-minecraft/lists"}