The era of web 3.0 has arrived, and only by mastering the use of several excellent open source technologies can we keep up with the pace of the market. 4D graphics explain the application of web 3.0 projects in practice.
As more and more decentralized products continue to enter the market, the era of Web3 (Web 3.0) has arrived, and the adoption rate is rapidly increasing.
In the simplest sense, Web3 refers to a blockchain-based decentralized network consisting of many permissionless applications and other token-based economies. Alternatively, Web3 can also be used to describe a technological paradigm that aims to help reduce the power held by big tech companies by putting it back in the hands of users.
Full text outline
web3.js - Provides an API to interact with the Ethereum block-block-chain
ethers.js - Used to interact with Ethereum nodes
wagmi -A collection of React Hooks that includes everything needed to interact with Ethereum
Web3- react - A library for React apps designed to make DApp development easier
RainbowKit - For adding wallet connectivity to dapps
Lenster: Web 3 social media app
Lenstube: Web 3 video sharing social media platform
Web3UI Kit: Lightweight web3 UI component
Web3Modal: Provides an easy-to-use login and interaction experience for Web3 DApps
Foundry: A fast, portable and modular toolkit for Ethereum application development
DeFi Developer Road Map: Learning and skills for decentralized finance developers Roadmap
FREE Web3 resources: Web3 learning resources
Awesome Web 3: a set of awesome Web 3 learning resources
Awesome Ethereum: a set of awesome Ethereum learning resources
Embark is a serverless decentralized application (DApps) for easy development and deployment ) framework
Tornado cash is a decentralized non-custodial protocol that allows users to conduct private transactions on the block-block-chain.
Aave is a decentralized, non-custodial liquidity market protocol or liquidity pool where users act as bankers and clients.
Pancakeswap is a DeFi platform built on Binance Smart Chain
web3.js provides an API for interacting with the Ethereum area-block-chain
Github: https://github.com/web3/web3.js
web3.js is the official JavaScript library of Ethereum, which provides an API for interacting with the Ethereum block-block-chain (and other block-block-chains based on Ethereum). Through web3.js, developers can interact with the block-block-chain from their applications, such as reading account information, creating and managing smart contracts, sending transactions, etc. The library is not limited to the browser environment, but can also be used in the node.js environment. Web3.js supports all functions of the Ethereum JSON-RPC API, and provides some advanced functions, such as automatic resolution of contract ABIs, automatic calculation of Ethereum gas fees, and the function of signing transactions.
ethers.js is used to interact with Ethereum nodes
Official website: https://ethers.org/
Github：https://github.com/ethers-io/ethers.js
ethers.js is a complete Ethereum development library that provides a set of easy-to-use APIs for operating in Web3 browsers and node.js environments. ethers.js can be used to interact with Ethereum nodes, such as reading account balances and sending transactions, as well as deploying, managing, and calling smart contracts. Unlike web3.js, ethers.js focuses on providing a concise, understandable and secure API. ethers.js also provides many advanced features such as EIP-1193 support, wallet management, big data signatures, batch transactions, etc. It also provides a basic set of security standards to ensure that communication between your application and the Ethereum network is safe and secure.
features
Keep your private keys secure and error-free in your client
Import and export JSON wallets (Geth, Parity and crowdfunding)
Import and export BIP 39 mnemonics (12 word backup phrase) and HD wallets (English and Czech, French, Italian, Japanese, Korean, Simplified Chinese, Spanish, Traditional Chinese)
metaclasses create JavaScript objects from any contract ABI, including ABIv2 and human-readable ABI
via JSON-RPC, INFURA, Etherscan, Alchemy , Ankr, or MetaMask
to connect to an Ethereum node ENS Names are first-class citizens;
they can be used anywhere an Ethereum address can be used Small (~144kb compressed; ~460kb uncompressed) Focus on tree shaking
; What you need in the bundle
Full functionality for all your Ethereum needs
Extensive documentation
Maintains and adds extensive test cases
Written entirely in TypeScript
with strict typing for security MIT license (including all dependencies);
fully open source, Whatever you want;
wagmi
Github: https://github.com/wagmi-dev/wagmi
wagmi is a collection of React Hooks that includes everything you need to interact with Ethereum. wagmi makes it easy to connect wallets, display ENS and balance information, sign messages, interact with contracts, and more - all with caching, duplicate request weight reduction, and persistence.
wagmi has the following features:
More than 20 Hooks for processing Wallet, ENS, Contract, Transaction, Signature, etc.
Built-in wallet connectors for MetaMask, WalletConnect, Coinbase Wallet, and Injected Cache
, repeated request weight reduction, multicall, batch processing, and persistence
based on wallets, blocks, and Network changes automatically refresh data
Support Multicall
Support temporary fork Ethereum network run test suite
Support TypeScript (types can be inferred from ABI and EIP-712 type data)
A large number of documents and examples
Used by ENS, Foundation, Sushi, etc.
Web3-react
Github：https://github.com/Uniswap/web3-react
Web3-react is an open-source library for React applications that aims to make DApp development easier. It provides a set of React components and hooks for managing Web3 instances, as well as functions for getting information about user accounts, network, etc. Web3-react can also easily handle different Web3 providers such as MetaMask, WalletConnect, Portis, etc.
Web3-react provides a standard interface for interacting with the Ethereum network, enabling developers to focus on application logic and interface development without having to care about the underlying implementation details. It also provides some other advanced features like support for EIP-1193 standard, handling multiple Web3 instances and clearing cache etc.
RainbowKit
Github：https://github.com/rainbow-me/rainbowkit
RainbowKit is a React library that makes it easy to add wallet connectivity to dapps. This tool simplifies the multi-wallet and multi-network connection support work that developers need to do when developing DApps. RainbowKit supports all EVM compatible chains.
Lenster
Github: https://github.com/lensterxyz/lenster
Lenster is a decentralized and permissionless Web 3 social media application built using the Lens Protocol, which allows connecting to Web3 wallets and logging in with Lens. In Lenster, you can publish posts, browse Moments and explore content trends, and you can directly search for related content posts or user Profiles.
Lenstube
Github：https://github.com/lenstube-xyz/lenstube
Lenstube is an open source video sharing social media platform based on Lens Protocol, supported by Livepeer and Vercel. When uploading videos, creators can choose video collection objects, limit the number of people collected, video categories, and set collection fees and recommendation fees, or directly Forward and sync the published video to Lens.
Web3UI Kit
Github：https://github.com/web3ui/web3uikit
Web3Modal is a JavaScript library designed to provide an easy-to-use login and interaction experience for Web3 (Ethereum, BSC, Polygon and other block-block-chain) DApps. It supports multiple wallet providers, such as MetaMask, WalletConnect, Portis, Trezor, Ledger, etc., and can provide a consistent user experience across devices, browsers and platforms.
Web3Modal
Github：https://github.com/WalletConnect/web3modal
Web3Modal is a versatile library that makes it easy to connect users with Dapps and start interacting with the block-block-chain. Multi-chain wallet connection flows can be managed in one place. Designed with both developers and users in mind, it is easy to integrate and customize for a unique experience.
Foundry
Github：https://github.com/foundry-rs/foundry
Foundry is a fast, portable and modular toolkit for Ethereum application development written in Rust. it includes:
Forge: Ethereum testing framework (such as Truffle, Hardhat, and DappTools).
Cast: Used to interact with EVM smart contracts, send transactions and get chain data.
Anvil: Local Ethereum node, similar to Ganache and Hardhat Network.
Chisel: A fast, useful and verbose REPL.
DeFi Developer Road Map
Github：https://github.com/OffcierCia/DeFi-Developer-Road-Map
The DeFi Developer Road Map is a learning and skills roadmap for decentralized finance (DeFi) developers. The roadmap includes basic block-block-chain knowledge, smart contracts, cryptocurrencies, etc. DeFi protocol, decentralized exchange (DEX), liquidity mining (Liquidity Mining), flash loan (Flash Loans) and other advanced concepts and actual project development.
FREE Web3 resources
Github：https://github.com/FrancescoXX/free-Web3-resources
FREE Web3 resources provides developers and learners with Web3 related resources, which can include various online courses, documents, video tutorials, communities and open source code libraries, etc. They can help to better understand and use Web3 technologies to build decentralized, secure and reliable applications.
Awesome Web 3
Github：https://github.com/ahmet/awesome-web3
A great set of Web 3 learning resources.
Awesome Ethereum
Github：https://github.com/bekatom/awesome-ethereum
A great set of resources for learning about Ethereum and Dapps.
Embark
Github：https://github.com/embarklabs/embark
Embark is a framework for easily developing and deploying serverless decentralized applications (DApps). Embark currently integrates EVM block-block-chain (Ethereum), decentralized storage (IPFS) and decentralized communication platforms (Whisper and Orbit), and supports Swarm deployment.
Tornado cash
Github：https://github.com/tornadocash/tornado-core
Tornado Cash is a decentralized, non-custodial protocol that allows users to conduct private transactions on the block-block-chain. Tornado Cash's smart contracts are implemented within the Ethereum network, which makes them immutable by design.
Aave
Aave is a decentralized, non-custodial liquidity market protocol or liquidity pool where users act as bankers and clients. Depositors provide crypto assets that are offered to borrowers as loans, and in return they earn passive income.
Think of Aave as a bank on the block-block-chain, but with the ability to be a banker (lender) and a customer (borrower), but this time instead of paper money it is a digital asset.
Pancakeswap
Github：https://github.com/pancakeswap/pancake-frontend
Pancakeswap is a DeFi platform built on the Binance Smart Chain, which is a fast and cost-effective alternative to the Ethereum network. PancakeSwap enables users to swap between crypto assets by tapping into user-generated liquidity pools, collecting NFTs, and winning cryptocurrencies in sweepstakes.
Benefits of Web3
Decentralization
Web3 will revolutionize the ownership of data and systems. Currently, data and systems are owned by major technical organizations. This means they can use your data for targeted advertising and, in some cases, even violate user privacy.
Web3 is a network "for the people, for the people", which means that the management of the network is in the hands of the community. Communication takes place in a peer-to-peer network on the block-block-chain rather than through a centralized operation.
openness
Censorship has been a major challenge in this generation of the web. Over time, central authorities have abused their power to block people from accessing some resources on the Internet based on political, economic, and social differences.
Decentralized systems have no central governing authority, meaning, no one can manipulate them for profit or power
No permission required
One of the biggest challenges of the current web is the authentication mechanism for web applications (which require multiple passwords on each of the different platforms). This becomes a very cumbersome and insecure means of verification.
With decentralized applications (Dapps), all you need to do is create a cryptocurrency wallet and connect your wallet to the application.
In the end,
a computer, a keyboard, a life full of wisdom; a few lines of numbers, a few letters, earnestly write the beauty of life; an inspiration, a program, to promote technological progress and social development.