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
0
110
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
94
TypeScript Patterns for Better React Components
glennreyes
1
510
GraphQL for React Developers
glennreyes
0
210
When things go wrong, get errors right!
glennreyes
0
130
GraphQL for JS developers
glennreyes
1
160
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
86
UI/UX challenges of Web3 and Dapps
glennreyes
0
180
Secrets of building robust UI components
glennreyes
0
380
Building modern React applications
glennreyes
0
230
Other Decks in Programming
See All in Programming
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
mazrean
1
310
DevinとClaude Code、SREの現場で使い倒してみた件
karia
1
760
Oxlint JS plugins
kazupon
1
1.1k
grapheme_strrev関数が採択されました(あと雑感)
youkidearitai
PRO
1
190
Raku Raku Notion 20260128
hareyakayuruyaka
0
420
モジュラモノリスにおける境界をGoのinternalパッケージで守る
magavel
0
3.3k
TipKitTips
ktcryomm
0
130
CSC307 Lecture 09
javiergs
PRO
1
850
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
hisuzuya
3
430
Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説
yamatoya
0
470
The Ralph Wiggum Loop: First Principles of Autonomous Development
sembayui
0
3.7k
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
kuro_kurorrr
3
1.5k
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
We Have a Design System, Now What?
morganepeng
55
8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.9k
How STYLIGHT went responsive
nonsquared
100
6k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
140
A Modern Web Designer's Workflow
chriscoyier
698
190k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
63
53k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Paper Plane (Part 1)
katiecoart
PRO
0
5k
Crafting Experiences
bethany
1
74
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.1k
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