Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Dapps with React

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Glenn Reyes Glenn Reyes
March 10, 2023
Programming
140
0

Building Dapps with React

Avatar for Glenn Reyes

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
Avatar for Glenn Reyes glennreyes
0
43
Advanced TypeScript for React
Avatar for Glenn Reyes glennreyes
0
130
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
540
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
230
When things go wrong, get errors right!
Avatar for Glenn Reyes glennreyes
0
160
GraphQL for JS developers
Avatar for Glenn Reyes glennreyes
1
190
Third-Party or Custom Code? The Art of Software Decisions
Avatar for Glenn Reyes glennreyes
0
120
UI/UX challenges of Web3 and Dapps
Avatar for Glenn Reyes glennreyes
0
200
Secrets of building robust UI components
Avatar for Glenn Reyes glennreyes
0
410

Other Decks in Programming

See All in Programming
AI駆動開発にグラフDBを重ねてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
630
週末にAI-DLCを本気で回したら$1,600溶けた
Avatar for Atsushi Shimizu hbashimizu
0
120
Cloudflare is Agents
Avatar for chimame chimame
0
190
リアルな遅延を測る仕様
Avatar for kota-yata kota_yata
1
130
Oxlintはいいぞ（続）
Avatar for Yuji Yamaguchi yug1224
1
530
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
Avatar for Ryusei Ohkura 3l4l5
2
280
이 함수, 실패하면 어떻게 되나요? null부터 Rich Errors까지, Kotlin 에러 처리 15년
Avatar for TaeHee Lee haeti2
0
110
iOS開発×AI駆動開発 〜最近使って便利だったスキルの話〜
Avatar for nogu nogu66
0
130
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
190
PyO3 で既存 Python 評価器を Rust core 化する ー wasm-bindgen でブラウザにも配るための設計
Avatar for 𝕂' kdash
1
210
夏だ！祭りだ！祭りとはドメインモデリングでは？
Avatar for ryugen04 ryugen04
0
520
Swift愛好会と私（ウホーイ） / Swift Fan Club and Uhooi
Avatar for uhooi uhooi
0
120

Featured

See All Featured
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
860
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
560
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
510
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
450
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
300
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.7k
A Soul's Torment
Avatar for Nat Ma seathinner
7
3.5k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k

Transcript

  1. Glenn Reyes @glnnrys Building Dapps with React Workshop

  2. Glenn Reyes @glnnrys
 
 🇵🇭 living in 🇦🇹 Software Engineer


    at @avantgarde fi nance 
 building @enzyme fi nance 🤍 Web3, React, GraphQL, UIs
 🚴 Sports & 🎸 Music

  3. Goals for today

  4. @glnnrys · glennreyes.com 💡 Learn

  5. @glnnrys · glennreyes.com 🤪 Fun

  6. @glnnrys · glennreyes.com 🏁 Success!!!

  7. Agenda For today 🧑🏫 Short intro 🤸 Exercise 🫣 Review

    🤩 Repeat!

  8. What is a blockchain?

  9. None

  10. What is Ethereum?

  11. Ethereum is the community-run technology powering the cryptocurrency ether (ETH)

    and thousands of decentralized applications.

  12. What are Smart Contracts?

  13. A "smart contract" is simply a program that runs on

    the Ethereum blockchain.

  14. Read — Query a node on the network Write —

    Send a transaction

  15. What is Web3?

  16. New iteration of the 
 World Wide Web

  17. Web3 Architecture

  18. None

  19. Dapp

  20. Decentralized App

  21. Questions?

  22. Building a Dapp

  23. Ethereum Data Solidity Logic Hardhat EVM Smart Contracts Ethereum Development

    Environment Ethereum Tooling MetaMask Wallet Identity

  24. 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

  25. Let’s get started!

  26. https://github.com/glennreyes/ react-dapp-workshop