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
75
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
61
TypeScript Patterns for Better React Components
glennreyes
1
420
GraphQL for React Developers
glennreyes
0
120
When things go wrong, get errors right!
glennreyes
0
94
GraphQL for JS developers
glennreyes
1
120
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
43
UI/UX challenges of Web3 and Dapps
glennreyes
0
130
Secrets of building robust UI components
glennreyes
0
340
Building modern React applications
glennreyes
0
190
Other Decks in Programming
See All in Programming
Orleans + Sekiban + SignalR でリアルタイムWeb作ってみた
tomohisa
0
120
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
160
On-the-fly Suggestions of Rewriting Method Deprecations
ohbarye
1
3.4k
Bedrock×MCPで社内ブログ執筆文化を育てたい!
har1101
6
1.1k
大LLM時代にこの先生きのこるには-ITエンジニア編
fumiyakume
7
3.1k
note の Elasticsearch 更新系を支える技術
tchov
0
150
個人開発の学生アプリが企業譲渡されるまで
akidon0000
0
950
Contribute to Comunities | React Tokyo Meetup #4 LT
sasagar
0
550
趣味全開のAITuber開発
kokushin
0
200
Ruby's Line Breaks
yui_knk
2
1.3k
Strategic Design (DDD)for the Frontend @DDD Meetup Stuttgart
manfredsteyer
PRO
0
170
Qiita Bash
mercury_dev0517
2
210
Featured
See All Featured
It's Worth the Effort
3n
184
28k
Scaling GitHub
holman
459
140k
A Tale of Four Properties
chriscoyier
158
23k
Rails Girls Zürich Keynote
gr2m
94
13k
How to Think Like a Performance Engineer
csswizardry
23
1.5k
Building Adaptive Systems
keathley
41
2.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
560
RailsConf 2023
tenderlove
30
1.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.4k
BBQ
matthewcrist
88
9.6k
Music & Morning Musume
bryan
47
6.5k
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