Learn Web3 Development (Wagmi) - Tutorial

Опубликовано: 16 Март 2026
на канале: TheNoobCoder
8,414
121

In today's video, I explore how we can use Wagmi to have awesome web3 functionalities implemented in our app in no time! Things I cover in this video are:

1) Configuring Wagmi.
2) Configuring connectors (metamask, walletconnect etc)
3) How to connect and disconnect multiple wallets from your app.
4) How to check Eth and other Erc20 tokens balance from your app.
5) Read/write smart contracts.

==========================================================

Covered concepts:

1) Wagmi.
2) MetaMask/WalletConnect.
3) Eth and Erc20 balances.

==========================================================

More on Codamy:

➡️ Learn Web3 Development (Wagmi) - Tutorial:    • Learn Web3 Development (Wagmi) - Tutorial  
➡️ Subdomain Apps With React JS:    • Multiple Subdomain Apps With React JS  
➡️ Private/Protected Routes with React Router v6:    • Private/Protected Routes with react-router...  
➡️ Reusable Toast Component -:    • React Reusable Components - Toast Componen...  
➡️ How to Connect MetaMask with React App -:    • Connect MetaMask with React App!  
➡️ User card with React and CSS -:    • React/CSS Tutorial - User Card with Animat...  
➡️ Sudoku with React and Node (Part 2) -:    • Sudoku with React, Node and Express (Part 2)  
➡️ Sudoku with React and Node (Part 1) -:    • Create Sudoku Using React, Node and Express.  
➡️ Pacman with Ghost AI -:    • Making Pacman with Ghost AI  
➡️ Hashmap Implementation (Part 1/2) -:    • Hashmap Implementation - Separate Chaining...  
➡️ Hashmap Implementation (Part 2/2) -:    • Hashmap Implementation - Separate Chaining...  
➡️ Path search in maze using Processing (Part 2/2) -:    • Path Finding Using A* Search Algorithm  
➡️ Maze Generator using Processing (Part 1/2) -:    • Maze Generator and A* Search Algorithm usi...  
➡️ Learn MongoDB (Part 1/2) -:    • Learn MongoDB (1/2) - Create Locally Hoste...  
➡️ Learn MongoDB (Part 2/2) -:    • Learn MongoDB (2/2) - Create Locally Hoste...  
➡️ Creating a Simple Login UI with React -:    • Creating a Login UI using React Forms!  
➡️ Making TicTacToe with React -:    • ReactJS Learner Project - TicTacToe with R...  
➡️ Learn useEffect -:    • Learn useEffect in a Single Video. React H...  
➡️ Learn useState -: https://www.youtube.com/watch?v=l92ve...
➡️ React Reponsive Navbar Tutorial -: https://www.youtube.com/watch?v=NN3fh...
➡️ React Navbar Dropdown Tutorial -: https://www.youtube.com/watch?v=HE8jt...
➡️ React Sidebar Tutorial: https -: //   • ReactJS Sidebar Tutorial - Beginner Projec...  
➡️ React Filter Search: https -: //   • ReactJS Filter Search Tutorial - Beginner ...  
➡️ Making Piano Tiles: https -: //   • How to make "Piano Tiles". Easy to learn b...  
➡️ Making Bot to Play Piano Tiles -: https://www.youtube.com/watch?v=i8Z3O...

==========================================================

Find me on:

➡️ Github -: https://github.com/mtajammulzia
➡️ LinkedIn -:   / mtajammulzia  
➡️ Instagram -:   / codamy2021  

==========================================================

#thenoobcoder #web3 #web3developer #learnweb3 #learnweb3development #wagmi #walletconnections #readingsmartcontracts #writingsmartcontracts #reusable #reusablecomponents #reactreusablecomponents #typescript #pacman #pacmanghosts #AI #pacmanGhostAI #Astar #A* #Astartsearchalgorithm #mergesort #sortingalgorithm #mergesortjava #datastructures #hashmap #separatechaining #hashfunction #hashmapimplementation #Maze #AStart #A* #Search #SearchAlgoirthm #MazeGenerator #Node #NodeJS #MongoDB #Mongo #MongoClient #react #reactjs #reacthooks #hooks #props #usestate #usestatehook #useEffect #useEffecthook #reactforms #forms #controlledinputs #login #loginui #UI #javascript #Java #NodeJS #CSS #JSX #datahandliing #projects #project #beginnerproject #beginnerreact #learnerstutorial #coding #programming #codamy #tajammul #tutorials #learning