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
120
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
23
Advanced TypeScript for React
Avatar for Glenn Reyes glennreyes
0
110
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
520
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
220
When things go wrong, get errors right!
Avatar for Glenn Reyes glennreyes
0
140
GraphQL for JS developers
Avatar for Glenn Reyes glennreyes
1
170
Third-Party or Custom Code? The Art of Software Decisions
Avatar for Glenn Reyes glennreyes
0
97
UI/UX challenges of Web3 and Dapps
Avatar for Glenn Reyes glennreyes
0
190
Secrets of building robust UI components
Avatar for Glenn Reyes glennreyes
0
390

Other Decks in Programming

See All in Programming
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
Avatar for Nealle nealle
2
220
書籍「ユーザーストーリーマッピング」が私のバイブル
Avatar for asumikam asumikam
4
410
アクセシビリティ試験の"その後"を仕組み化する
Avatar for yuuumin yuuumiravy
1
170
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
19
5.4k
TiDBのアーキテクチャから学ぶ分散システム入門 〜MySQL互換のNewSQLは何を解決するのか〜 / tidb-architecture-study
Avatar for DPon dznbk
1
190
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
Avatar for hadashiA hadashia
2
600
Server-Side Kotlin LT大会 vol.18 [Kotlin-lspの最新情報と Neovimのlsp設定例]
Avatar for yasunori yasunori0418
1
180
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
Avatar for panda_program panda_program
0
1k
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
4
850
[RubyKaigi 2026] Require Hooks
Avatar for Vladimir Dementyev palkan
1
230
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
500
tRPCの概要と少しだけパフォーマンス
Avatar for Keigo Ebihara misoton665
2
230

Featured

See All Featured
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.2k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
190
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
910
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
280
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
170
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.8k

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