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
76
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
私のEbitengineの第一歩
qt_luigi
0
440
Architecture Decision Record (ADR)
nearme_tech
PRO
1
680
Method Swizzlingを行うライブラリにおけるマルチモジュール設計
yoshikma
0
110
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
240
2024 컴포즈 정원사
jisungbin
0
150
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
4
1.6k
今インフラ技術をイチから学び直すなら
yuhta28
1
130
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
180
Our Websites Need a Lifestyle Change, Not a Diet
ryantownsend
0
140
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
1
260
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
170
1人で挑むSwiftコンパイラ 〜型システム入門編〜
s_shimotori
0
340
Featured
See All Featured
Scaling GitHub
holman
458
140k
From Idea to $5000 a Month in 5 Months
shpigford
379
46k
The Mythical Team-Month
searls
218
43k
How to Ace a Technical Interview
jacobian
275
23k
Producing Creativity
orderedlist
PRO
340
39k
Ruby is Unlike a Banana
tanoku
96
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
Writing Fast Ruby
sferik
623
60k
How GitHub (no longer) Works
holman
310
140k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
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