Metta Labs
Published on Apr 23, 2019
No Description
MORE DECKS TO EXPLORE
PRESENTATION OUTLINE
why?
I believe that a decentralized marketplace gives people the power to conduct trade
Whenever we're building a dapp we have to consider the feasibility of the current web3 ecosystem.
If we're doing a lot of write operations or we need close to real time network speeds, then we should probably step back and question whether blockchain technologies are appropriate for our use-case.
It's important to remember that reading data from the blockchain is free, but writing data to it incurs a fee. This means users would be able to view Listings for free, but writing their own would cost them
Photo by christopher_brown
enter polygon
Photo by christopher_brown
main packages
charka-ui, react-query, wagmi, avatar
Photo by christopher_brown
chakra-ui
a component library that makes it quick and easy to build apps
Photo by christopher_brown
react query
Fetch, cache and update data in your React and React Native applications all without touching any "global state".
Photo by christopher_brown
wagmi
wagmi is a collection of React Hooks containing everything you need to start working with Ethereum. wagmi makes it easy to "Connect Wallet," display ENS and balance information, sign messages, interact with contracts, and much more — all with caching, request deduplication, and persistence.
Photo by christopher_brown
set up a local Ethereum environment with hardhat. Hardhat will enable us to run, test and deploy solidity contracts by means of running a local Ethereum network directly on our machine.
Photo by christopher_brown
wagmi will help us manage wallet sign-in. We'll use several wagmi hooks including useConnect, useAccount, and useContract all of which will help us interact with wallets we'll just be connecting via MetaMask
Photo by christopher_brown
Mutations are intended for async actions that mutate data such as inserts, updates, and deletes whereas queries are intended for read-only async actions.
Photo by christopher_brown
Mutations are intended for async actions that mutate data such as inserts, updates, and deletes whereas queries are intended for read-only async actions.
Photo by christopher_brown
Listening to Events
We're going to enable realtime comment updates by listening to the ListingAdded event emitted by our contract.
Photo by christopher_brown
