Skip to main content
Back to course
Log in
Get started
Someone wanted to learn this too, so Grasp built them a personal learning path.
Create your own
Solana development by 2026
·
Module 12
Building dApp Frontends with React
1
Integrating Solana Wallet Adapter in React
Integrate the `@solana/wallet-adapter` libraries into a React application.
Integrate the `@solana/wallet-adapter` libraries into a React application.
2
Wallet Connection UI
Implement a UI component for wallet connection and disconnection.
Implement a UI component for wallet connection and disconnection.
3
Display Wallet Connection Status and Public Key
Manage and display the connected wallet's public key and connection state.
Manage and display the connected wallet's public key and connection state.
4
Displaying Wallet Balances
Fetch and display the native SOL balance and SPL token balances for the connected wallet.
Fetch and display the native SOL balance and SPL token balances for the connected wallet.
5
Designing Input Forms
Build a UI form to gather user input for a program instruction.
Build a UI form to gather user input for a program instruction.
6
Building a Transaction from User Input
Construct and submit a program transaction based on user input from the UI.
Construct and submit a program transaction based on user input from the UI.
7
Transaction Feedback: UI Best Practices
Provide UI feedback for transaction submission, confirmation, and error states.
Provide UI feedback for transaction submission, confirmation, and error states.
Previous module
Client-Side Development with @solana/web3.js
Next module
Advanced State Management in dApps