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
62
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
47
TypeScript Patterns for Better React Components
glennreyes
1
380
GraphQL for React Developers
glennreyes
0
94
When things go wrong, get errors right!
glennreyes
0
81
GraphQL for JS developers
glennreyes
1
98
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
31
UI/UX challenges of Web3 and Dapps
glennreyes
0
120
Secrets of building robust UI components
glennreyes
0
320
Building modern React applications
glennreyes
0
170
Other Decks in Programming
See All in Programming
Fixstars高速化コンテスト2024準優勝解法
eijirou
0
190
テストコードのガイドライン 〜作成から運用まで〜
riku929hr
7
1.4k
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
190
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
rails newと同時に型を書く
aki19035vc
5
710
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
180
PHPUnitしか使ってこなかった 一般PHPerがPestに乗り換えた実録
mashirou1234
0
420
Beyond ORM
77web
11
1.6k
快速入門可觀測性
blueswen
0
500
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
9
2.4k
情報漏洩させないための設計
kubotak
5
1.3k
2025.01.17_Sansan × DMM.swift
riofujimon
2
560
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
4 Signs Your Business is Dying
shpigford
182
22k
How to train your dragon (web standard)
notwaldorf
89
5.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Raft: Consensus for Rubyists
vanstee
137
6.7k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
870
Speed Design
sergeychernyshev
25
740
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Bash Introduction
62gerente
610
210k
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