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

Building Dapps with React

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
Claude Codeをカスタムして自分だけのClaude Codeを作ろう
Avatar for Terisuke terisuke
0
140
PicoRuby for IoT: Connecting to the Cloud with MQTT
Avatar for Y_uuu yuuu
2
650
How Swift's Type System Guides AI Agents
Avatar for Yuta Koshizawa koher
0
300
The Less-Told Story of Socket Timeouts
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
3
590
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
4
1k
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
Avatar for webzawa webzawa
0
150
Cache-moi si tu peux : patterns et pièges du cache en production - Devoxx France 2026 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
280
ソフトウェア設計の結合バランス #phperkaigi
Avatar for Takuma Kajikawa kajitack
0
140
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
280
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
Avatar for panda_program panda_program
0
1k
TiDBのアーキテクチャから学ぶ分散システム入門 〜MySQL互換のNewSQLは何を解決するのか〜 / tidb-architecture-study
Avatar for DPon dznbk
1
190
実践CRDT
Avatar for tamadeveloper tamadeveloper
0
590

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
110
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
98
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
580
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.3k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k

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