I put Minesweeper in MetaMask.

No, really, I made a Snap that puts a fully interactive Minesweeper game INSIDE the MetaMask Extension. 

Here's how I did it and how you can build fun interactive experiences like this too 🧵

Mini apps will eat the internet | Latest drop: Flappycaster 🦤 | Building : /miniapps /jeeves /source @degentip @playsource /jump



BSc in Computer Science & Software Engineer @metamask Snaps

wait does this mean metamask snaps can / will also be mini apps? 

@matthewfox @frederik

Yes! We've built out a system that lets Snaps construct interactive user interfaces using JSX syntax. Leaning towards React where possible with some differences in input handling still.

Here's a basic example:

Developer 🤓 build, develop and operate Farcaster solutions @ dtech.vision also love tech, decentralization, fitness and oldschool rap 😎

Yes! We've built out a system that lets Snaps construct interactive user interfaces using JSX syntax. Leaning towards React where possible with some differences in input handling still.

Here's a basic example: https://github.com/MetaMask/snaps/tree/main/packages/examples/packages/jsx

soooooo

I could also implement this with React Native right?

You don't need React or React native, it all runs off the Snaps SDK. But if you're familiar with either you'll feel right at home!

Unfortunately it wouldn't currently be directly compatible, since you have forced to use the components exposed by the Snaps system as you building blocks. No raw HTML.

yeah no not saying I neeeed. more like I want :)

matthew knows.

the goal being 

build once, deploy everywhere and if I can also get it into snaps then yes yes yes