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
110

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
92
TypeScript Patterns for Better React Components
Avatar for Glenn Reyes glennreyes
1
500
GraphQL for React Developers
Avatar for Glenn Reyes glennreyes
0
200
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
83
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
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.2k
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
7
3.3k
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
360
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
530
SourceGeneratorのススメ
Avatar for tkym htkym
0
170
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
200
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
160
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.7k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
360
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
200
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
1k

Featured

See All Featured
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
61
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
250
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
77
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.6k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.2k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
190

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