Awesome

React Minecraft

React Minecraft is a project that allows you to create Minecraft worlds using React components. Just like React-DOM and React-Native, React Minecraft uses the React.js Framework and JSX to craft custom builds in Minecraft. With Minecraft Blocks.

You can watch how i made it here

An Example for the Top Layer Component for a Minecraft house could look like this:

export default function House() {
    return (
        <>
            <Canvas x={1} y={4} z={1} xSpan={10} ySpan={10} zSpan={10}>
                <Floor></Floor>
                <Walls></Walls>
                <CornerFlowerBed facing="east" x={2} y={1} z={0}></CornerFlowerBed>
                <CornerFlowerBed x={6} y={1} z={0} facing="west"></CornerFlowerBed>
                <Roof></Roof>
                <LongFlowerBed x={0} y={1} z={2} facing="west"></LongFlowerBed>
                <LongFlowerBed x={8} y={1} z={2} facing="east"></LongFlowerBed>
            </Canvas>
        </>
    )
}

Run the project

To run the project type npm run start. This will start a local minecraft server on port 25565. You can connect to this server using the Minecraft Java Edition via localhost:25565.

Currently only Minecraft Version v1.16.1 is supported.

How to use

After logging in you can type /reload to reload the component.

State of this project

This is a very early release of this project (you could call it a prototype), the API is still subject to change. Depending on the Feedback this project will be further developed to provide a stable API.

Minecraft Block Index + Block States

For documentation of blocks and available states

https://minecraftitemids.com/

Roadmap / Ideas:

• Add better component reloading (after file updates) without server restart
• Add rotation and mirror possibility for blocks/sections
• Probably make it faster, not really sure how well it performs on larger structures yet
• Check if we can make events (f.e. button press) work
• If events work, add reactivity
• If reactivity works see if functions can work

Contributing

If you are interested in contributing feel free to either contact me or open tickets for what you would like to contribute. Please don't open PRs for new features without prior discussion. Bugfixes and small changes are of course welcome without prior ticket.