Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
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
66
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
53
TypeScript Patterns for Better React Components
glennreyes
1
400
GraphQL for React Developers
glennreyes
0
110
When things go wrong, get errors right!
glennreyes
0
84
GraphQL for JS developers
glennreyes
1
110
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
39
UI/UX challenges of Web3 and Dapps
glennreyes
0
120
Secrets of building robust UI components
glennreyes
0
330
Building modern React applications
glennreyes
0
180
Other Decks in Programming
See All in Programming
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
500
CloudRun, Spanner に対する負荷試験の反省と オブザーバビリティによるアプローチ
oyasumipants
1
130
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
160
楽しく向き合う例外対応
okutsu
0
720
Go 1.24でジェネリックになった型エイリアスの紹介
syumai
2
300
Rubyと自由とAIと
yotii23
6
1.9k
⚪⚪の⚪⚪をSwiftUIで再現す る
u503
0
100
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
290
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
160
AIプログラミング雑キャッチアップ
yuheinakasaka
19
5k
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
320
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.7k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Music & Morning Musume
bryan
46
6.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
530
Designing for Performance
lara
605
68k
Become a Pro
speakerdeck
PRO
26
5.2k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
How STYLIGHT went responsive
nonsquared
99
5.4k
Being A Developer After 40
akosma
89
590k
Designing for humans not robots
tammielis
250
25k
Optimizing for Happiness
mojombo
377
70k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
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