Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
100
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
86
TypeScript Patterns for Better React Components
glennreyes
1
490
GraphQL for React Developers
glennreyes
0
190
When things go wrong, get errors right!
glennreyes
0
120
GraphQL for JS developers
glennreyes
1
150
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
76
UI/UX challenges of Web3 and Dapps
glennreyes
0
170
Secrets of building robust UI components
glennreyes
0
380
Building modern React applications
glennreyes
0
220
Other Decks in Programming
See All in Programming
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.6k
大規模Cloud Native環境におけるFalcoの運用
owlinux1000
0
130
Cap'n Webについて
yusukebe
0
140
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
maryang
1
120
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
matsu_chara
2
220
エディターってAIで操作できるんだぜ
kis9a
0
740
JETLS.jl ─ A New Language Server for Julia
abap34
1
420
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
3.8k
20251127_ぼっちのための懇親会対策会議
kokamoto01_metaps
2
450
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
370
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
160
認証・認可の基本を学ぼう後編
kouyuume
0
240
Featured
See All Featured
Test your architecture with Archunit
thirion
1
2.1k
My Coaching Mixtape
mlcsv
0
6
So, you think you're a good person
axbom
PRO
0
1.8k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
390
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
390
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
93
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
250
The Invisible Side of Design
smashingmag
302
51k
KATA
mclloyd
PRO
33
15k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.3k
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