Integrate React with Dojo: A Quick Start Guide

Dive into this straightforward example to understand how to meld React with Dojo.

This integration taps into the powerful libraries designed by Lattice:

• recs

Initial Setup

The repository already contains the contracts as a submodule. Feel free to remove it if you prefer.

Prerequisites: First and foremost, ensure that Dojo is installed on your system. If it isn't, you can easily get it set up with:

curl -L https://install.dojoengine.org | bash

Followed by:

dojoup    

For an in-depth setup guide, consult the Dojo book.

Launch the Example in Under 30 Seconds

After cloning the project, execute the following:

0. init submodule

git submodule update --init --recursive

1. Terminal 1 - Katana:

cd contracts && katana --disable-fee

2. Terminal 2 - Contracts:

cd contracts && sozo build && sozo migrate

// Basic Auth - This will allow burner Accounts to interact with the contracts
sh ./contracts/scripts/default_auth.sh

3. Terminal 3 - Client:

cd client && yarn && yarn dev

or if using bun

cd client && bun install && bun dev

4. Terminal 4 - Torii:

Uncomment the 'world_address' parameter in contracts/Scarb.toml then:

cd contracts && torii

Upon completion, launch your browser and navigate to http://localhost:5173/. You'll be greeted by the running example!