$30 off During Our Annual Pro Sale. View Details »
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
84
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
75
UI/UX challenges of Web3 and Dapps
glennreyes
0
170
Secrets of building robust UI components
glennreyes
0
370
Building modern React applications
glennreyes
0
220
Other Decks in Programming
See All in Programming
チームをチームにするEM
hitode909
0
330
Rubyで鍛える仕組み化プロヂュース力
muryoimpl
0
120
Integrating WordPress and Symfony
alexandresalome
0
150
JETLS.jl ─ A New Language Server for Julia
abap34
1
400
AWS CDKの推しポイントN選
akihisaikeda
1
240
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
wisemuji
0
140
AIコードレビューがチームの"文脈"を 読めるようになるまで
marutaku
0
350
dotfiles 式年遷宮 令和最新版
masawada
1
770
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
cer
PRO
0
340
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
これならできる!個人開発のすゝめ
tinykitten
PRO
0
110
Go コードベースの構成と AI コンテキスト定義
andpad
0
130
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
How to Ace a Technical Interview
jacobian
280
24k
Speed Design
sergeychernyshev
33
1.4k
Balancing Empowerment & Direction
lara
5
800
Documentation Writing (for coders)
carmenintech
76
5.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
730
Navigating Team Friction
lara
191
16k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Visualization
eitanlees
150
16k
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