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
92
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
71
TypeScript Patterns for Better React Components
glennreyes
1
460
GraphQL for React Developers
glennreyes
0
140
When things go wrong, get errors right!
glennreyes
0
110
GraphQL for JS developers
glennreyes
1
140
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
61
UI/UX challenges of Web3 and Dapps
glennreyes
0
150
Secrets of building robust UI components
glennreyes
0
360
Building modern React applications
glennreyes
0
210
Other Decks in Programming
See All in Programming
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
360
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
120
画像コンペでのベースラインモデルの育て方
tattaka
3
1k
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
7
1.7k
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
250
構文解析器入門
ydah
7
2k
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
1
230
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
220
Streamlitで実現できるようになったこと、実現してくれたこと
ayumu_yamaguchi
2
270
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
510
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
330
Claude Code と OpenAI o3 で メタデータ情報を作る
laket
0
110
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
332
22k
Code Review Best Practice
trishagee
69
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Adopting Sorbet at Scale
ufuk
77
9.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Unsuck your backbone
ammeep
671
58k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
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