El desarrollo frontend en Solana implica trabajar con programas, wallets y frameworks populares de JavaScript como React. Interactuar con estos componentes requiere manejar la conexión, la creación de transacciones y la lectura de cuentas de Solana.
Solana Kit (@solana/kit) es el SDK estándar
de JavaScript para este trabajo. Ensamblas un cliente a partir de pequeños
plugins componibles, añades enlaces con React cuando los necesitas, y agregas
los clientes de programa generados para los programas en cadena que utilizas.
Bibliotecas principales
@solana/kit
- SDK principal: RPC, codecs, firmantes y transacciones - Proporciona
createClient, el host de plugins que todas las demás bibliotecas extienden
Kit plugins
- Construye un cliente con
.use(...): conexión RPC, billetera, firmante y planificación de transacciones - Publicados como paquetes@solana/kit-plugin-*
@solana/react
- Enlaces de React para un cliente Kit -
ClientProvidermás hooks para lecturas, suscripciones y estado de la billetera
@solana-program/*
- Clientes generados para programas en cadena (System, Token y más) -
Proporcionan constructores de instrucciones y plugins de cliente como
tokenProgram()
¿Vienes de web3.js o wallet-adapter?
Si mantienes una base de código con @solana/web3.js (heredado) o @solana/wallet-adapter-*,
puedes adoptar los plugins de Kit anteriores, o actualizar directamente a web3.js
v3 y wallet-adapter
v3+.
Ambos conservan sus API familiares y están construidos sobre los componentes internos de Kit.
- Guía del cliente Kit: construye un cliente a partir de plugins para RPC, firma y envío de transacciones.
- Guía de React: enlaces
@solana/reacty hooks de billetera integrados sobre el mismo cliente. - Mensajes y autenticación: firma mensajes y autentica a los usuarios de billetera sin necesidad de una transacción.
- Tutorial de Next.js: una aplicación completa de conexión de billetera y transferencia de SOL en el App Router.
- Migración a Kit: cómo los conceptos de web3.js y wallet-adapter se corresponden con Kit.
Is this page helpful?