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
85
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
68
TypeScript Patterns for Better React Components
glennreyes
1
450
GraphQL for React Developers
glennreyes
0
130
When things go wrong, get errors right!
glennreyes
0
100
GraphQL for JS developers
glennreyes
1
130
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
52
UI/UX challenges of Web3 and Dapps
glennreyes
0
140
Secrets of building robust UI components
glennreyes
0
350
Building modern React applications
glennreyes
0
200
Other Decks in Programming
See All in Programming
エラーって何種類あるの?
kajitack
5
280
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.8k
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
360
ReadMoreTextView
fornewid
1
450
A comprehensive view of refactoring
marabesi
0
970
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
41
28k
Gleamという選択肢
comamoca
6
740
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
120
関数型まつりレポート for JuliaTokai #22
antimon2
0
130
Effect の双対、Coeffect
yukikurage
5
1.4k
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
290
FormFlow - Build Stunning Multistep Forms
yceruto
1
190
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
The Invisible Side of Design
smashingmag
299
51k
Automating Front-end Workflow
addyosmani
1370
200k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Faster Mobile Websites
deanohume
307
31k
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