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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Glenn Reyes
March 10, 2023
Programming
120
0
Share
Building Dapps with React
Glenn Reyes
March 10, 2023
More Decks by Glenn Reyes
See All by Glenn Reyes
Dutch AI Conference - Building Interactive Chat Interfaces with MCP-UI
glennreyes
0
26
Advanced TypeScript for React
glennreyes
0
110
TypeScript Patterns for Better React Components
glennreyes
1
520
GraphQL for React Developers
glennreyes
0
220
When things go wrong, get errors right!
glennreyes
0
140
GraphQL for JS developers
glennreyes
1
170
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
100
UI/UX challenges of Web3 and Dapps
glennreyes
0
190
Secrets of building robust UI components
glennreyes
0
390
Other Decks in Programming
See All in Programming
継続的な負荷検証を目指して
pyama86
3
1.2k
Spec-Driven Development with AI Agents (Workshop, May 2026)
antonarhipov
3
370
Lightning-Fast Method Calls with Ruby 4.1 ZJIT / RubyKaigi 2026
k0kubun
3
3.1k
AIを導入する前にやるべきこと
negima
2
360
PHPer、Cloudflare に引っ越す
suguruooki
2
220
Sans tests, vos agents ne sont pas fiables
nabondance
0
130
書き換えて学ぶTemporal #fukts
pirosikick
2
380
過去のレビュー知見をSkillsで資産化した話
pkshadeck
PRO
1
2k
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
1
150
AWSはOSSをどのように 考えているのか?
akihisaikeda
0
120
GoogleCloudとterraform完全に理解した
terisuke
1
200
PHPでローカル環境用のSSL/TLS証明書を発行することはできるのか? #phpconkagawa
akase244
0
370
Featured
See All Featured
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
540
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
150
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
1
310
Ruling the World: When Life Gets Gamed
codingconduct
0
230
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
How to build a perfect <img>
jonoalderson
1
5.5k
The Curse of the Amulet
leimatthew05
1
12k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
120
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
44k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Unsuck your backbone
ammeep
672
58k
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