Web2 is characterized by centralized monetization and a lack of user privacy, whereas Web3 offers user control and privacy by default.
Web3 uses blockchain's distributed ledger technology to create a more secure, open, and trusted internet, solving many of Web2's inherent problems.
Blockchain is an immutable, distributed digital ledger where data is stored in encrypted blocks across a network, making it secure and decentralized.
MetaMask is a browser extension that functions as a wallet and enables browsers to interact with Ethereum, while Web3.js is the JavaScript library used to communicate with the blockchain.
To connect a front-end application to the blockchain, you need the Web3.js library, a MetaMask wallet, and the specific smart contract's ABI and address.
You can directly interact with a deployed smart contract on a block explorer like Etherscan to read data or write new data, which requires signing the transaction with MetaMask.
The front-end is built with React and uses an interaction utility file to import Web3.js, the contract ABI, and the contract address to create a contract instance.
To write data, a transaction object is created with the recipient address and encoded function data, then sent using `window.ethereum.request` which prompts the user to sign in MetaMask.
A live demonstration shows the full workflow of updating a smart contract's state from a React front-end, followed by a recap of the project's architecture and a link to the source code.
Sensory-Minds GmbH
Offenbach am Main, Germany
Hubert Burda Media
München, Germany
42:19Soumaya Erradi
53:58Soumaya Erradi
48:50Nazar Hussain
58:00Marko Ivanković
38:32Tim Weingärtner
41:40Drishti Jain
57:38Hendrik Ebbers
40:01Nico Martin
Jobs that call for the skills explored in this talk.
Multiplied
The Hague, Netherlands
Thompson Safety LLC
Templeton and Partners Ltd
Charing Cross, United Kingdom