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
44
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
19
TypeScript Patterns for Better React Components
glennreyes
1
300
GraphQL for React Developers
glennreyes
0
62
When things go wrong, get errors right!
glennreyes
0
56
GraphQL for JS developers
glennreyes
1
76
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
16
UI/UX challenges of Web3 and Dapps
glennreyes
0
96
Secrets of building robust UI components
glennreyes
0
290
Building modern React applications
glennreyes
0
150
Other Decks in Programming
See All in Programming
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
CSC307 Lecture 10
javiergs
PRO
0
310
How to use Macrobenchmark
veronikapj
0
160
リハビリmruby
kishima
1
160
日付と正規化
megmogmog1965
0
140
CSC307 Lecture 06
javiergs
PRO
0
360
Namespace on read
tagomoris
2
370
Architectures with Lightweight Stores: New Rules and Options
manfredsteyer
PRO
0
100
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
Featured
See All Featured
The Cult of Friendly URLs
andyhume
75
5.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
What's new in Ruby 2.0
geeforr
338
31k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
Git: the NoSQL Database
bkeepers
PRO
423
64k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Code Review Best Practice
trishagee
58
16k
Designing for Performance
lara
604
67k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Unsuck your backbone
ammeep
666
57k
Clear Off the Table
cherdarchuk
89
320k
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