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
0
97

Building Dapps with React

Avatar for Glenn Reyes

Glenn Reyes

March 10, 2023
Tweet

More Decks by Glenn Reyes

See All by Glenn Reyes
Advanced TypeScript for React
Avatar for Glenn Reyes glennreyes
0
80
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
480
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
180
When things go wrong, get errors right!
Avatar for Glenn Reyes glennreyes
0
120
GraphQL for JS developers
Avatar for Glenn Reyes glennreyes
1
150
Third-Party or Custom Code? The Art of Software Decisions
Avatar for Glenn Reyes glennreyes
0
71
UI/UX challenges of Web3 and Dapps
Avatar for Glenn Reyes glennreyes
0
160
Secrets of building robust UI components
Avatar for Glenn Reyes glennreyes
0
370
Building modern React applications
Avatar for Glenn Reyes glennreyes
0
220

Other Decks in Programming

See All in Programming
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
Avatar for konkarin konkarin
1
180
AIのバカさ加減に怒る前にやっておくこと
Avatar for k2moons blueeventhorizon
0
160
AsyncSequenceとAsyncStreamのプロポーザルを全部読む！！
Avatar for Shigure Shimotori s_shimotori
1
270
Swift Concurrency 年表クイズ
Avatar for omochimetaru omochi
3
230
CSC509 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
例外処理を理解して、設計段階からエラーを見つけやすく、起こりにくく #phpconfuk
Avatar for Takuma Kajikawa kajitack
12
5.8k
Claude Code on the Web を超える!? Codex Cloud の実践テク5選
Avatar for スナガク sunagaku
0
490
Introducing RemoteCompose: break your UI out of the app sandbox.
Avatar for Nicolas Roard camaelon
2
540
CSC509 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
業務でAIを使いたい話
Avatar for hnw hnw
0
260
The Missing Link in Angular's Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
Verilator + Rust + gRPC と Efinix の RISC-V でAIアクセラレータをAIで作ってる話 RTLを語る会(18) 2025/11/08
Avatar for Ryuji Fuchikami ryuz88
0
340

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
11
920
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

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