Frontend development on Solana involves working with Programs, wallets and popular JavaScript frameworks like React. Interacting with these components requires handling connection, transaction creation and reading from Solana Accounts.
To help with this work, a variety Solana Client libraries are available in different frameworks.
Main libraries
@solana/client
- Simple Solana client bundling RPC, wallets, transactions
- Includes built-in state store, actions, watchers, connectors
@solana/react-hooks
- Complete hooks for wallets, balances, transfers, signatures, queries
- React provider hooks wrapping
@solana/clientruntime state
@solana/web3-compat
- Web3.js compatible toolkit to simplify upgrading.
- Newer internals relying on a mix of web3.js and kit.
@solana/kit
- Low level Solana SDK powering the other Solana libraries like
@solana/react-hooks - Fully tree-shakable, uses modern web standards, and powers the runtime
@solana/web3.js is deprecated`
Many Solana ecosystem projects still rely on the deprecated @solana/web3.js.
Prefer @solana/web3-compat to simplify your migration path.
- @solana/client guide: lean, headless runtime for RPC, wallets, and transactions.
- @solana/react-hooks guide: React hooks layered on the same client runtime.
- @solana/web3-compat guide: compatibility layer to migrate from
@solana/web3.jsto Kit powered stacks.
Is this page helpful?