SwiftUI for React Devs via an NFT drum machine
summary
Builds a working SwiftUI drum machine that loads audio NFTs from OpenSea and plays them in a 4‑bar sequencer at tempo 75, using an AudioKit sampler hooked into a mixer and a callback instrument to trigger sampler.play. Uses SwiftUI previews for fast iteration, demonstrates props via typed vars and @State mutation without setState, and fetches ownership and metadata with the QuickNode NFT API. Includes a file importer for local samples and a live demo that successfully loads and sequences NFT samples.
AI-written summary · about
chapters (14)
- 0:00Introduction to SwiftUI
- 1:03SwiftUI basics for React devs
- 3:31Layout and props in SwiftUI
- 4:36State management in SwiftUI
- 5:17Building the NFT drum machine
- 7:28NFT drum machine demo
- 7:50Requirements for the drum machine
- 8:31AudioKit sampler setup
- 9:14Loading and playing samples
- 9:35Step sequencer implementation
- 10:36Loading NFTs with QuickNode
- 11:59File loading and NFT motivation
- 13:03Collaborative music ownership
- 14:07Future of music NFTs
