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
45
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
23
TypeScript Patterns for Better React Components
glennreyes
1
320
GraphQL for React Developers
glennreyes
0
77
When things go wrong, get errors right!
glennreyes
0
63
GraphQL for JS developers
glennreyes
1
84
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
17
UI/UX challenges of Web3 and Dapps
glennreyes
0
98
Secrets of building robust UI components
glennreyes
0
300
Building modern React applications
glennreyes
0
160
Other Decks in Programming
See All in Programming
API Platform for Laravel
dunglas
0
320
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
1
270
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
140
How to Break into Reading Open Source
kaspth
2
210
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
290
GraphQL あるいは React における自律的なデータ取得について
quramy
11
3k
Regular Expressions, REXML, Automata Learning
makenowjust
0
220
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
660
『ドメイン駆動設計をはじめよう』中核の業務領域
masuda220
PRO
5
1k
o1モデルのプロンプトエンジニアリングって?
ktc_wada
0
260
Modern Angular with the NGRX Signal Store New Rules for Your Architecture @BASTA! 2024 in Mainz
manfredsteyer
PRO
0
150
Featured
See All Featured
RailsConf 2023
tenderlove
28
810
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
The Cult of Friendly URLs
andyhume
76
6k
A better future with KSS
kneath
235
17k
The Invisible Side of Design
smashingmag
296
50k
Teambox: Starting and Learning
jrom
131
8.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k
Speed Design
sergeychernyshev
22
430
Building a Scalable Design System with Sketch
lauravandoore
459
32k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
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