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
100

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
91
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
500
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
190
When things go wrong, get errors right!
Avatar for Glenn Reyes glennreyes
0
130
GraphQL for JS developers
Avatar for Glenn Reyes glennreyes
1
160
Third-Party or Custom Code? The Art of Software Decisions
Avatar for Glenn Reyes glennreyes
0
81
UI/UX challenges of Web3 and Dapps
Avatar for Glenn Reyes glennreyes
0
170
Secrets of building robust UI components
Avatar for Glenn Reyes glennreyes
0
380
Building modern React applications
Avatar for Glenn Reyes glennreyes
0
220

Other Decks in Programming

See All in Programming
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
500
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
250
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
760
生成AI時代を勝ち抜くエンジニア組織マネジメント
Avatar for coconala_engineer coconala_engineer
0
40k
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
170
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
240
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
260
組み合わせ爆発にのまれない - 責務分割 x テスト
Avatar for HAL halhorn
1
190
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
110
まだ間に合う！Claude Code元年をふりかえる
Avatar for nogu nogu66
5
940
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
350
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
5.5k

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
180
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
270
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
51k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
37
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
150

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