Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building Dapps with React
Search
Glenn Reyes
March 10, 2023
Programming
0
100
Building Dapps with React
Glenn Reyes
March 10, 2023
Tweet
Share
More Decks by Glenn Reyes
See All by Glenn Reyes
Advanced TypeScript for React
glennreyes
0
89
TypeScript Patterns for Better React Components
glennreyes
1
490
GraphQL for React Developers
glennreyes
0
190
When things go wrong, get errors right!
glennreyes
0
120
GraphQL for JS developers
glennreyes
1
150
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
76
UI/UX challenges of Web3 and Dapps
glennreyes
0
170
Secrets of building robust UI components
glennreyes
0
380
Building modern React applications
glennreyes
0
220
Other Decks in Programming
See All in Programming
LLMで複雑な検索条件アセットから脱却する!! 生成的検索インタフェースの設計論
po3rin
4
970
開発に寄りそう自動テストの実現
goyoki
2
1.4k
大規模Cloud Native環境におけるFalcoの運用
owlinux1000
0
200
TestingOsaka6_Ozono
o3
0
180
GoLab2025 Recap
kuro_kurorrr
0
780
tparseでgo testの出力を見やすくする
utgwkk
2
290
re:Invent 2025 のイケてるサービスを紹介する
maroon1st
0
150
Vibe codingでおすすめの言語と開発手法
uyuki234
0
120
Findy AI+の開発、運用におけるMCP活用事例
starfish719
0
1.8k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
400
AIコーディングエージェント(NotebookLM)
kondai24
0
230
Cap'n Webについて
yusukebe
0
150
Featured
See All Featured
Mind Mapping
helmedeiros
PRO
0
39
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
150
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.3k
We Are The Robots
honzajavorek
0
120
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
286
14k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
0
960
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
200
How GitHub (no longer) Works
holman
316
140k
sira's awesome portfolio website redesign presentation
elsirapls
0
89
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Transcript
Glenn Reyes @glnnrys Building Dapps with React Workshop
Glenn Reyes @glnnrys 🇵🇭 living in 🇦🇹 Software Engineer
at @avantgarde fi nance building @enzyme fi nance 🤍 Web3, React, GraphQL, UIs 🚴 Sports & 🎸 Music
Goals for today
@glnnrys · glennreyes.com 💡 Learn
@glnnrys · glennreyes.com 🤪 Fun
@glnnrys · glennreyes.com 🏁 Success!!!
Agenda For today 🧑🏫 Short intro 🤸 Exercise 🫣 Review
🤩 Repeat!
What is a blockchain?
None
What is Ethereum?
Ethereum is the community-run technology powering the cryptocurrency ether (ETH)
and thousands of decentralized applications.
What are Smart Contracts?
A "smart contract" is simply a program that runs on
the Ethereum blockchain.
Read — Query a node on the network Write —
Send a transaction
What is Web3?
New iteration of the World Wide Web
Web3 Architecture
None
Dapp
Decentralized App
Questions?
Building a Dapp
Ethereum Data Solidity Logic Hardhat EVM Smart Contracts Ethereum Development
Environment Ethereum Tooling MetaMask Wallet Identity
Ethereum Data Solidity Logic Hardhat EVM Smart Contracts Ethereum Development
Environment Ethereum Tooling MetaMask Wallet Identity Vite React Development Environment Frontend Tooling React User Interfaces Frontend
Let’s get started!
https://github.com/glennreyes/ react-dapp-workshop