Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Building Dapps with React

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
45
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
Streamlitで実現する自然言語データアプリ開発
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
300
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
120
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
Avatar for mpyw mpyw
0
380
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
Avatar for shiro seike seike460
PRO
1
330
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
150
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
Avatar for Tetsuya Kikuchi tkikuc
3
550
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
120
Java 27新機能 / Java 27 new features
Avatar for Naoki Kishida kishida
2
150
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
Avatar for kasacchiful kasacchiful
PRO
1
490
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
610
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
7.6k
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
150

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
340
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
260
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
590
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
4
53k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
280

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