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
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
36
Advanced TypeScript for React
glennreyes
0
130
TypeScript Patterns for Better React Components
glennreyes
1
540
GraphQL for React Developers
glennreyes
0
230
When things go wrong, get errors right!
glennreyes
0
150
GraphQL for JS developers
glennreyes
1
180
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
110
UI/UX challenges of Web3 and Dapps
glennreyes
0
200
Secrets of building robust UI components
glennreyes
0
410
Other Decks in Programming
See All in Programming
Google Apps Script で Ruby を動かす
kawahara
0
150
OpenSpecのproposalにbrainstormingを持たせてみた
tigertora7571
1
220
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
190
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
390
Building a Meta Ray-Ban display app
akkeylab
0
100
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
310
AIが無かった頃の素敵な出会いの話
codmoninc
1
410
プロポーザルを書いてもらう
pvcresin
0
440
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
freee
PRO
0
200
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
ternbusty
1
150
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
monochromegane
0
170
仕様駆動開発の消費期限
watany
20
8.1k
Featured
See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
430
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Building an army of robots
kneath
306
46k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
73
41k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
370
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
260
The untapped power of vector embeddings
frankvandijk
2
1.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
400
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1.1k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
200
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
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