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

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
150
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
56
Advanced TypeScript for React
Avatar for Glenn Reyes glennreyes
0
140
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
560
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
240
When things go wrong, get errors right!
Avatar for Glenn Reyes glennreyes
0
170
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
130
UI/UX challenges of Web3 and Dapps
Avatar for Glenn Reyes glennreyes
0
210
Secrets of building robust UI components
Avatar for Glenn Reyes glennreyes
0
430

Other Decks in Programming

See All in Programming
AI-Powered Domain-Driven Design
Avatar for Alberto Brandolini ziobrando
0
370
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
4.9k
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
40k
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
1.2k
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
490
AI時代のTerminal環境を UNIX哲学で設計・運用する
Avatar for yasunori yasunori0418
1
320
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
Avatar for HyunWoo Lee l2hyunwoo
0
240
AI時代のFlutter品質設計 — アプリ品質を守るQuality Layers
Avatar for omatty198 omatty198
0
330
エージェントを使い続けるためのメタワーク / Meta-work for keeping using the agent
Avatar for r-kagaya rkaga
6
2.1k
Spec-Driven Development - Why Vaadin Is the Perfect Fit
Avatar for Simon Martinelli simas
PRO
0
200
GraphQL の onError と Nullability のこれから
Avatar for Yosuke Kurami quramy
0
200
AmebaブログはKMPから卒業します
Avatar for 伊藤光次郎 kmars0605
0
310

Featured

See All Featured
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.7k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
53
4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.4k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
520
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
320
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
300
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.3k

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