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
65
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
52
TypeScript Patterns for Better React Components
glennreyes
1
400
GraphQL for React Developers
glennreyes
0
100
When things go wrong, get errors right!
glennreyes
0
83
GraphQL for JS developers
glennreyes
1
110
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
38
UI/UX challenges of Web3 and Dapps
glennreyes
0
120
Secrets of building robust UI components
glennreyes
0
330
Building modern React applications
glennreyes
0
180
Other Decks in Programming
See All in Programming
Formの複雑さに立ち向かう
bmthd
1
940
color-scheme: light dark; を完全に理解する
uhyo
7
500
From the Wild into the Clouds - Laravel Meetup Talk
neverything
0
170
自力でTTSモデルを作った話
zgock999
0
110
もう少しテストを書きたいんじゃ〜 #phpstudy
o0h
PRO
18
4.1k
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
160
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
160
ABEMA iOS 大規模プロジェクトにおける段階的な技術刷新 / ABEMA iOS Technology Upgrade
akkyie
1
210
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
430
Ça bouge du côté des animations CSS !
goetter
2
150
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.4k
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
1.1k
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Code Review Best Practice
trishagee
67
18k
Side Projects
sachag
452
42k
Being A Developer After 40
akosma
89
590k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Into the Great Unknown - MozCon
thekraken
35
1.6k
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