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
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Building Dapps with React
Glenn Reyes
March 10, 2023
More Decks by Glenn Reyes
See All by Glenn Reyes
Dutch AI Conference - Building Interactive Chat Interfaces with MCP-UI
glennreyes
0
29
Advanced TypeScript for React
glennreyes
0
120
TypeScript Patterns for Better React Components
glennreyes
1
530
GraphQL for React Developers
glennreyes
0
220
When things go wrong, get errors right!
glennreyes
0
140
GraphQL for JS developers
glennreyes
1
170
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
100
UI/UX challenges of Web3 and Dapps
glennreyes
0
190
Secrets of building robust UI components
glennreyes
0
400
Other Decks in Programming
See All in Programming
New "Type" system on PicoRuby
pocke
1
480
今さら聞けないCancellationToken
htkym
0
220
net-httpのHTTP/2対応について
naruse
0
450
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
0
160
Claspは野良GASの夢をみるか
takter00
0
170
関係性から理解する"同一性"の型用語たち
pvcresin
2
640
AI駆動開発で崩れていくコードベースを立て直す
kyoko_nr_nr
1
440
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
170
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
1.9k
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
140
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
minodriven
17
6k
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3.1k
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
234
18k
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
The World Runs on Bad Software
bkeepers
PRO
72
12k
RailsConf 2023
tenderlove
30
1.5k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
300
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
520
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
400
ラッコキーワード サービス紹介資料
rakko
1
3.6M
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
190
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