paint-brush
From Zero to Web3 Hero: creación de una Dapp multicadena desde ceropor@etherspot
31,202 lecturas
31,202 lecturas

From Zero to Web3 Hero: creación de una Dapp multicadena desde cero

por Etherspot7m2023/03/30
Read on Terminal Reader

Demasiado Largo; Para Leer

TransactionKit de Etherspot es una herramienta de desarrollo innovadora que facilita a los desarrolladores front-end sin experiencia en blockchain la creación de dApps multicadena. Con su facilidad de uso, soporte multicadena, optimización de gas e interacciones de contratos inteligentes, TransactionKit ofrece una gama de características que hacen que el desarrollo de blockchain sea más accesible y rentable. Con esta biblioteca, los desarrolladores pueden ahorrar tiempo y recursos mientras crean dApps potentes y multicadena. Ya sea que sea un desarrollador experimentado o nuevo en el espacio de blockchain, TransactionKit es su forma accesible e intuitiva de crear dApps que funcionan en múltiples redes de blockchain.
featured image - From Zero to Web3 Hero: creación de una Dapp multicadena desde cero
Etherspot HackerNoon profile picture


La tecnología Blockchain ha revolucionado nuestro enfoque de las transacciones y la gestión de datos. Sin embargo, la complejidad del desarrollo de blockchain ha dificultado que los desarrolladores que no pertenecen a blockchain creen aplicaciones descentralizadas ( dApps ). Como resultado, existe una creciente necesidad de herramientas que simplifiquen el proceso de desarrollo y lo hagan más accesible para aquellos que no están familiarizados con blockchain.


Es por eso que hoy nos complace presentar una solución destacada para este problema: TransactionKit .


¿Qué es?

TransactionKit es la primera biblioteca React del mundo para el desarrollo rápido y directo de Web3 creada por Etherspot . Está diseñado para ayudar a los desarrolladores que no están familiarizados con la tecnología y los servicios de blockchain a integrar rápida y fácilmente la funcionalidad de blockchain en sus aplicaciones web.


Es una solución de ventanilla única para carteras de contratos inteligentes de autocustodia multicadena.


¿Quién puede usarlo?


Cualquier desarrollador de dApp o desarrollador front-end sin un conocimiento profundo de blockchain.


Abstrae las operaciones e instrucciones complejas de la cadena de bloques ocultándolas detrás de los componentes de React, al tiempo que aprovecha el uso de carteras de contratos inteligentes contrafactuales y una infraestructura de retransmisión de cadenas múltiples proporcionada por Etherspot.


Con TransactionKit, los desarrolladores pueden:


  • simplemente cree y ejecute transacciones;
  • interactuar con contratos inteligentes;
  • fichas de transferencia;
  • transferencias de tokens de aprobación;
  • ofrecer una Web3 UX perfecta;
  • administrar activos digitales sin una comprensión profunda de la tecnología blockchain subyacente;
  • libertad de diseño: TransactionKit no impone una interfaz de usuario al desarrollador;
  • cree dApps que sean multicadena por diseño (se admiten más de 14 cadenas de bloques).


Además, discutiremos cómo funciona TransactionKit, sus beneficios y cómo se puede usar para simplificar el desarrollo de Web3.


Ya sea que sea un codificador de cifrado experimentado o un desarrollador novato de cadenas de bloques que intenta incluir la tecnología de cadenas de bloques en su aplicación, la biblioteca de Etherpsot tiene algo que ofrecer. Así que sumerjámonos y exploremos el mundo del desarrollo de dApp multicadena con TransactionKit.


¿Por qué TransactionKit de Etherspot?

El desarrollo de Web3 es un área compleja y desafiante que requiere que los desarrolladores comprendan la tecnología blockchain, la criptografía y los sistemas descentralizados. La gran barrera de entrada y la complejidad asociadas con el desarrollo de Web3 han dificultado que los desarrolladores creen aplicaciones que puedan atraer a una base de usuarios más amplia.


En consecuencia, tal nivel de complejidad no ayuda con la adopción masiva, que es necesaria para el crecimiento y desarrollo de la industria.


El objetivo de TransactionKit es ayudar a los desarrolladores a incorporar al próximo millón de usuarios.

Beneficios que obtienes

TransactionKit es la mejor manera de salir de este problema. Proporciona una barrera de entrada baja, lo que permite a los desarrolladores comenzar a crear aplicaciones Web3 rápidamente. La biblioteca es fácil de entender con nombres universalmente comprensibles, lo que simplifica el proceso de desarrollo y facilita su uso. TransactionKit tampoco requiere que se registre en varios servicios de Web3, solo conéctelo (en una billetera) y juegue.


Una de las filosofías de diseño de TransactionKit es adoptar el mundo Web2, lo que permite a los desarrolladores que están acostumbrados a trabajar con bibliotecas front-end tradicionales hacer la transición al desarrollo Web3 fácilmente.


La biblioteca es extremadamente fácil de instalar y poner en marcha: npm i @etherspot/transaction-kit . Está bien estructurado y documentado con varios CodeSandbox listos para usar. Incluso los mensajes de error de la biblioteca son útiles e intentarán orientarlo en la dirección correcta. Los desarrolladores no tienen que preocuparse por las complejidades de la tecnología, sino que pueden concentrarse en crear aplicaciones potentes.

Características de las dApps hechas con TransactionKit

TransactionKit ofrece una variedad de características que lo convierten en una herramienta poderosa para simplificar el desarrollo de dApp multicadena. Algunas de sus características clave incluyen las siguientes:

Inyectando todo el poder de Etherspot en cualquier aplicación React


Cualquier desarrollador de React puede incorporar los componentes TransactionKit de Etherspot en su código para obtener acceso a una serie de funciones listas para usar.


Algunos de estos componentes incluyen:

<EtherspotUI />

Este componente permite una integración perfecta de la funcionalidad completa de Etherspot en cualquier aplicación React. Se necesita un proveedor Web3 (es decir, su billetera), una ID de cadena (soportamos más de 14 cadenas de bloques) y cualquier componente Ul secundario.


Esencialmente, gracias a este componente puede incorporar la funcionalidad de Etherspot, lo que significa que obtiene acceso a una amplia gama de funciones relacionadas con blockchain.

<Lotes de Etherspot />

El TransactionKit permite a los desarrolladores agrupar múltiples transacciones en una sola. Esto reduce el número de actividades necesarias para realizar un conjunto de operaciones. En consecuencia, proporciona una ejecución de transacciones más rápida y eficiente.


Todo esto se puede lograr con el componente <EtherspotBatches /> . Se puede omitir o asignar una identificación, según sus requisitos. Este componente también devuelve datos de estimación de transacciones para todos los lotes que contiene.


El uso del componente <EtherspotBatches /> es una forma útil de ahorrar en tarifas de gasolina al enviar múltiples transacciones. Al agrupar transacciones en lotes, puede optimizar su uso de gas y reducir costos.

<Transacción Etherspot />

<EtherspotTransaction /> es un componente esencial de la biblioteca Etherspot que permite la especificación de transacciones Ethereum. Esta etiqueta requiere la especificación de una dirección de cadena de bloques de destino y un valor para enviar. Además, puede aceptar un valor de datos para la interacción de contratos inteligentes y permite la inclusión de cualquier componente de interfaz de usuario necesario para la personalización.


El uso del componente <EtherspotTransaction /> es una forma sencilla de iniciar transacciones en la cadena de bloques de Ethereum. Además, mejora la flexibilidad en la personalización al permitir el uso de cualquier componente de la interfaz de usuario, lo que la hace más fácil de usar.

<Transacción de transferencia de token de Etherspot />

El componente <EtherspotTokenTransferTransaction /> lo ayuda a facilitar la transferencia de un activo (como PLR, USDC o SHIB) a otra cuenta. Solo necesita especificar la dirección del token, la dirección de destino y la cantidad de tokens que desea transferir a la dirección de destino, y luego haremos el resto.

<Transacción de aprobación de Etherspot />

El componente <EtherspotApprovalTransaction /> autoriza el gasto de un activo de su propiedad por otro contrato inteligente. Este contrato inteligente puede servir para cualquier propósito, pero generalmente está asociado con aplicaciones financieras descentralizadas (también conocidas como DeFi) como Uniswap o Gamma.


En otras palabras, es como darle permiso a tu amigo para gastar parte de tu dinero dentro de un límite determinado. En este escenario, el amigo es el contrato inteligente mencionado anteriormente.


Compatibilidad con varias cadenas.

TransactionKit es compatible con una variedad de cadenas, incluidas Ethereum, Polygon, Gnosis Chain, Binance Smart Chain, Fantom, Aurora, Avalanche, Optimism, Arbitrum, Moonbeam, Celo, Fuse, Arbitrum Nova. Base y Polygon zkEVM llegarán pronto.


Esto garantiza que los desarrolladores tengan la flexibilidad de crear aplicaciones descentralizadas en la cadena de bloques de su elección.

Capacidad de pagar tarifas de transacción con monedas estables

Para realizar una transacción en una cadena de bloques, es necesario pagar tarifas utilizando el token nativo de la red. Sin embargo, esto puede representar un desafío para las personas que no están familiarizadas con la tecnología blockchain, ya que primero deben adquirir estos tokens.


Ahí es donde la solución de Etherspot resulta útil. Los usuarios ahora pueden pagar tarifas de transacción con monedas estables, no solo con el token nativo de la cadena de bloques que están usando (ETH, BNB, etc.). Esto también les permite evitar las altas tarifas de transacción asociadas con algunas cadenas de bloques (por ejemplo, Ethereum) y puede generar ahorros de costos significativos.


Echa un vistazo a TransactionKit CodeSandbox aquí .

Cinco pilares de Web3 para TransactionKit

El desarrollo de aplicaciones descentralizadas (dApps) en redes blockchain puede ser complejo y lento, y los desarrolladores deben administrar cuentas, transacciones y medidas de seguridad.


Etherspot tiene como objetivo simplificar el proceso con su biblioteca TransactionKit. TransactionKit funciona con el SDK de Etherspot. Desarrollado en torno a cinco pilares de productos básicos, el SDK de Etherspot ofrece una variedad de características para satisfacer las necesidades de diferentes proyectos.


Además, exploraremos estos puntos en detalle y cómo contribuyen a hacer que las herramientas de Etherspot sean productos valiosos para los desarrolladores de Web3.

Sencillez

El SDK de Etherspot proporciona a los desarrolladores TransactionKit, una biblioteca limpia y concisa para trabajar con cuentas y transacciones, lo que les permite concentrarse en la lógica de su aplicación en lugar de las complejidades de la red Ethereum. Al mismo tiempo, el equipo de Etherspot creó un componente BUIDLer React para la integración plug & play.

Flexibilidad

El SDK de Etherspot proporciona a los desarrolladores una gama de herramientas y funciones para trabajar con cuentas de Ethereum, incluida la compatibilidad con cualquier proveedor de Web3 y la capacidad de administrar varias cuentas desde una única interfaz.


Esta flexibilidad facilita que los desarrolladores adapten sus aplicaciones a sus necesidades específicas, ya sea que estén creando una aplicación descentralizada simple (dApp) o un contrato inteligente complejo.

Seguridad

El SDK implementa medidas de seguridad estándar de la industria, incluido el cifrado para garantizar que los desarrolladores y sus usuarios estén protegidos contra amenazas potenciales.

Escalabilidad

Etherspot SDK está diseñado para funcionar sin problemas con diferentes cadenas de bloques y las soluciones de capa 2 de Ethereum, como Optimism y Arbitrum (actualmente admite más de 14 cadenas), lo que permite a los desarrolladores crear aplicaciones que pueden manejar grandes volúmenes de transacciones con costos mínimos de gas.


Esta característica es esencial para crear dApps que puedan servir a grandes bases de usuarios sin sacrificar el rendimiento o la seguridad.

interoperabilidad

El SDK está diseñado para funcionar con lenguajes de programación como JavaScript y TypeScript, lo que facilita a los desarrolladores la integración de la funcionalidad de Etherspot en sus bases de código existentes.


Además, el SDK es compatible con las herramientas populares de Ethereum, como MetaMask e Infura, lo que facilita que los codificadores de Web3 trabajen con herramientas y flujos de trabajo familiares.

Darle una oportunidad

Crear una dApp multicadena sin experiencia en blockchain puede parecer desalentador, pero ahora no es imposible. Con las herramientas y los conocimientos adecuados, cualquiera puede crear una dApp que sea segura, transparente y descentralizada. Siguiendo los pasos descritos en esta documentación , puede desarrollar su propia dApp multicadena y unirse a la creciente comunidad de aplicaciones descentralizadas.


Con sus potentes funciones y su estructura fácil de usar, TransactionKit es la herramienta perfecta para cualquiera que quiera iniciarse en el apasionante mundo del desarrollo de cadenas de bloques.