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
130
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
30
Advanced TypeScript for React
Avatar for Glenn Reyes glennreyes
0
120
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
530
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
220
When things go wrong, get errors right!
Avatar for Glenn Reyes glennreyes
0
150
GraphQL for JS developers
Avatar for Glenn Reyes glennreyes
1
180
Third-Party or Custom Code? The Art of Software Decisions
Avatar for Glenn Reyes glennreyes
0
110
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
400

Other Decks in Programming

See All in Programming
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成（CC Night 2026）
Avatar for Hiroki Uemura wemra
1
170
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
560
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
4.6k
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
Avatar for MinoDriven minodriven
15
7.3k
ローカルLLMでどこまでコードが書けるか -拡張版 /　How much code can be written on a local LLM Extended
Avatar for Naoki Kishida kishida
12
4.5k
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
Avatar for Wagyu wagyu
0
260
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
14
5.9k
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
Avatar for daitasu daitasu
1
310
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
600
Datadog LLM Observabilityで実現する 安全なLLM Usage 管理
Avatar for Brown 3150
0
120
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
750
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
Avatar for matsukada licux
6
400

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.9k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
170
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
170
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
66
55k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.9k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
250
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
300

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