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
42
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
8
TypeScript Patterns for Better React Components
glennreyes
1
260
GraphQL for React Developers
glennreyes
0
51
When things go wrong, get errors right!
glennreyes
0
52
GraphQL for JS developers
glennreyes
1
67
Third-Party or Custom Code? The Art of Software Decisions
glennreyes
0
14
UI/UX challenges of Web3 and Dapps
glennreyes
0
91
Secrets of building robust UI components
glennreyes
0
280
Building modern React applications
glennreyes
0
150
Other Decks in Programming
See All in Programming
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
330
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
240
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
330
今の SmartHR にエンジニアで入社するとどうなるの?
daisukeshinoku
5
4.6k
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
300
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
410
Creating Retro-Style Photos Using Swift
ski
1
900
DDDはなぜ難しいのか / 良いコードの定義と設計能力の壁
pospome
28
10k
코틀린으로 멀티플랫폼 만들기
pangmoo
0
120
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
360
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
220
Folding Cheat Sheet #1
philipschwarz
PRO
0
210
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
13
3.8k
Navigating Team Friction
lara
177
13k
Product Roadmaps are Hard
iamctodd
43
9.7k
Code Reviewing Like a Champion
maltzj
513
39k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Pencils Down: Stop Designing & Start Developing
hursman
116
11k
BBQ
matthewcrist
79
8.7k
How to name files
jennybc
64
92k
The Invisible Side of Design
smashingmag
293
49k
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
Adopting Sorbet at Scale
ufuk
67
8.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