Construyendo Experiencias de Usuario Amigables en Web3

Rate this content
Bookmark

Esta charla se centrará en mejorar las experiencias de usuario en web3 al abstraer las interacciones con blockchain.

This talk has been presented at React Summit US 2023, check out the latest edition of this React Conference.

FAQ

Web 3 es la tercera generación de servicios de Internet que se enfoca en utilizar tecnologías de blockchain para crear aplicaciones descentralizadas y más seguras. Sus características principales incluyen la descentralización, la transparencia y la naturaleza sin permisos, que permiten a los usuarios tener más control sobre sus datos y operar en una red sin una autoridad central que dicte las reglas.

Los principales desafíos incluyen la complejidad de las interfaces, la gestión de claves privadas y frases de semilla, y los altos costos de transacción, conocidos como 'gas', que pueden hacer que las interacciones en la cadena sean costosas y menos accesibles para los usuarios comunes.

Las soluciones de escalado en Web 3, como los rollups y las cadenas de capa 2, buscan mejorar la capacidad y reducir los costos de las transacciones en las blockchains. Estas soluciones funcionan creando una nueva capa sobre la blockchain principal (capa 1) donde se pueden procesar transacciones más rápidamente y a un menor costo.

La abstracción de cuenta es una técnica utilizada para mejorar la experiencia de usuario en Web 3, permitiendo a los usuarios interactuar con aplicaciones descentralizadas sin tener que manejar directamente claves privadas o frases de semilla. Esto se logra mediante el uso de contratos inteligentes que gestionan la autenticación y autorización de las transacciones en lugar del usuario.

Ser 'sin permiso' significa que en Web 3, ningún ente central tiene el poder de decidir quién puede o no puede usar una aplicación o servicio. Cualquier persona puede interactuar con la red, realizar transacciones o desarrollar aplicaciones sin necesidad de autorizaciones previas o censura por parte de autoridades centrales.

Las auditorías en Web 3 son realizadas por firmas especializadas que revisan los contratos inteligentes en busca de vulnerabilidades de seguridad. Estas auditorías son cruciales para prevenir pérdidas financieras y asegurar que los contratos funcionen como se espera sin riesgos de hacks o errores.

Los NFT, o tokens no fungibles, son activos digitales en blockchain que representan la propiedad de un objeto único, como arte digital, coleccionables, etc. En el contexto de Web 3, los NFT se utilizan para demostrar la propiedad y la autenticidad de estos activos a través de la tecnología blockchain.

Rahat Chowdhury
Rahat Chowdhury
32 min
13 Nov, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Web 3 se trata de descentralización, utilizando blockchain, criptografía y algoritmos de consenso. Permite a los usuarios tener más control sobre sus datos y activos. El estado actual de Web 3 es complejo y frustrante, pero se están haciendo esfuerzos para mejorar la usabilidad. Las cadenas de capa 2 y la abstracción de cuentas están mejorando la escalabilidad y la experiencia del usuario. Web 3 proporciona soluciones financieras para todos y permite transacciones en entornos restrictivos.

1. Introducción a Web 3

Short description:

Gracias por venir a mi charla sobre web 3. Soy Rahat, jefe de relaciones con desarrolladores en Biconomy. Estamos mejorando la UX en cadena. Trabajo en el ecosistema Ethereum. Web 3 trata sobre la descentralización, utilizando blockchain, criptografía y algoritmos de consenso.

Gracias por venir a mi charla, construyendo experiencias de usuario amigables en web 3. Hablaré un poco sobre web 3 en general. Les daré una introducción si no han escuchado demasiado sobre ello o tal vez aclarando algunas malentendidos sobre ello o alejándolos de la parte estafadora de ello, espero.

Entonces, mi nombre es Rahat, soy el jefe de relaciones con desarrolladores para una empresa llamada Biconomy. Lo que hacemos es básicamente tratar de mejorar lo que llamamos UX en cadena, porque en este momento es un poco molesto usar web 3. Hay experiencias terribles alrededor de su uso, así que estamos tratando de hacer algunas cosas para hacer eso un poco más fácil. Anteriormente he sido un ingeniero de front-end, ingeniero freelance de Solidity, entre otras cosas.

Una cosa que me gusta poner en mis diapositivas de introducción, siempre que estoy en una conferencia no-web 3 es que aparte de Twitter o X o como quieras llamarlo, hay un par de otras plataformas sociales que uso. Estas dos son en realidad protocolos, Lens y Farcaster. Ambos son protocolos web 3. Hay diferentes aplicaciones construidas alrededor de esos protocolos que puedes usar para tener una experiencia social similar a Twitter. Hay aplicaciones al estilo Instagram construidas sobre Lens. Principalmente uso Farcaster en este momento. Ahí es donde paso el rato con el resto de mis compañeros web 3D gens. Y esa pequeña cosa pixelada ahí es un NFT personalizado. No hablaré más sobre NFTs después de esto. Genial.

Voy a reconocer un poco de sesgo específicamente sobre mi experiencia en web 3. Trabajo específicamente en el Ethereum ecosistema. Hay diferentes cadenas, diferentes ecosistemas en el espacio web 3 con opiniones diferentes sobre lo que significa realmente ser descentralizado, etc. Voy a hablar desde mi experiencia trabajando en Ethereum. Ethereum es esencialmente donde vive la mayoría de web 3 en este momento. La mayoría de las aplicaciones al menos algo utilizables están en Ethereum. Eso puede cambiar en los próximos años. Creo que probablemente lo hará, pero eso es solo desde donde voy a hablar. Así que si tienes experiencia en web 3 antes, has estado en otros ecosistemas, puedes encontrar algunas cosas con las que no estás de acuerdo conmigo.

En primer lugar, ¿qué es web 3? Hay tres tipos de cosas de las que me gusta hablar cuando menciono web 3 en general. La primera es la descentralización, internet, alejándose de los servidores centralizados a una red distribuida de pares. Piensa en que cada uno de nosotros tiene un nodo o un ordenador, nodo es solo una palabra elegante para que tiene una copia de la misma base de datos en todos estos diferentes nodos, eso es lo que es una blockchain esencialmente, son solo copias de la misma base de datos en varios ordenadores en todo el mundo. En la blockchain, en estas bases de datos, utilizamos criptografía y algoritmos de consenso.

2. Criptografía y Algoritmos de Consenso

Short description:

La criptografía se utiliza para hacer hash y mantener ciertos tipos de data en la cadena. Los algoritmos de consenso determinan qué data es legítima. Los nodos en la red verifican la autenticidad de los datos.

La criptografía se utiliza simplemente para hacer hash y mantener ciertos tipos de data en la cadena. Los algoritmos de consenso se utilizan para averiguar qué data es realmente legítima. Una forma de pensar en ello es como si tuviéramos, no sé, nodos pares de la A a la Z. El nodo A decide oh, voy a tener este bit malicioso de data aquí que no es real, no es cierto. Pero los nodos de la B a la Z son como no, espera, tenemos la misma copia de esta database, esto no es real. Y eso es como una versión muy simplificada y abreviada de un algoritmo de consenso. No voy a entrar en cosas más profundas, definitivamente podemos charlar más después si quieres sobre eso.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Juegos Web 3: Qué es y por qué es importante
JS GameDev Summit 2022JS GameDev Summit 2022
36 min
Juegos Web 3: Qué es y por qué es importante
Web3 gaming enables decentralized identity and finance, allowing game developers to bypass centralized platforms. It is driven by wallets, ERC20 tokens, and NFTs. Web3 games focus on collaborative world-building, ownership, and open-source collaboration. The challenge is achieving decentralization while addressing economic and technological limitations. Web3 aims to redefine the gaming industry by using economic tools and exploring new genres like RPG and RTS games.
Pruebas E2E para Aplicaciones Web3
TestJS Summit 2022TestJS Summit 2022
21 min
Pruebas E2E para Aplicaciones Web3
Top Content
In this Talk, Rafaela discusses Web3, its decentralized and token-based model, and the architecture based on smart contracts. Testing Web3 poses challenges due to the need for third-party providers like MetaMask. Approaches such as mocking the Web3 flow and using end-to-end testing tools like Taskafar are suggested. The trade-offs in Web3 testing include test speed and dependency on third-party apps. Balancing unit, integration, and end-to-end tasks is crucial for a robust testing strategy.
Guía para desarrolladores frontend sobre Web3
React Summit 2022React Summit 2022
22 min
Guía para desarrolladores frontend sobre Web3
This talk covers an introduction to Web 3 and smart contracts, including deployment and bytecode compilation. It also discusses interacting with blockchain wallets, using RPC endpoints and block explorers, and accessing smart contract data. The talk emphasizes the use of ABIs and JavaScript libraries like ethers for interacting with smart contracts. It mentions the shift in mindset from HTTP requests to using ABI code and libraries for front-end development in Web 3. The talk concludes by mentioning Web3UI and tools like PolygonScan and Etherscan for building on the blockchain.
Construyendo Dapps con React
React Advanced Conference 2021React Advanced Conference 2021
30 min
Construyendo Dapps con React
The Talk discusses building decentralized applications (DApps) with React and explores the benefits of smart contract technology. It highlights the characteristics and infrastructure of Web 3 applications, including decentralized indexing, off-chain data storage, and decentralized file storage. The Talk also covers identity in Web 3, with a focus on self-sovereign identity and the use of blockchain for identity verification. The process of building a DApp with React and Hard Hat is explained, along with deploying contracts and interacting with them. Overall, the Talk provides insights into the world of DApps and the technologies involved.
Web3.js - Pasado, Presente y Futuro
JSNation 2022JSNation 2022
21 min
Web3.js - Pasado, Presente y Futuro
Today we will discuss the Web3JS library, its history, maintenance, and community involvement. The upcoming version 4 aims to address challenges faced in version 1 by introducing native TypeScript support, reduced size, improved code readability, and increased test coverage. Version 4 also introduces a new validator for easier Ethereum data validation and allows developers to customize how they handle numbers and bytes. It brings a dynamic data format for custom formatting and introduces TypeScript for contracts without transpiling. The API in version 4 is easy to extend and has future improvements and refactoring.
Reaccionando a Web3
React Summit 2022React Summit 2022
6 min
Reaccionando a Web3
Decentology provides developer tools for building React component-based blockchain applications without writing blockchain code. Web3 development is beneficial for applications with game engines, microtransactions, mobile payments, mediator contracts, business logic applications, simple authentication, and payments. They advocate for open source and allow developers to add a small royalty fee to paid transactions.

Workshops on related topic

Masterclass Web3 - Construyendo Tu Primer Dapp
React Advanced Conference 2021React Advanced Conference 2021
145 min
Masterclass Web3 - Construyendo Tu Primer Dapp
Top Content
Featured WorkshopFree
Nader Dabit
Nader Dabit
En esta masterclass, aprenderás cómo construir tu primer dapp de pila completa en la blockchain de Ethereum, leyendo y escribiendo datos en la red, y conectando una aplicación de front end al contrato que has desplegado. Al final de la masterclass, entenderás cómo configurar un entorno de desarrollo de pila completa, ejecutar un nodo local e interactuar con cualquier contrato inteligente usando React, HardHat y Ethers.js.
Consulta de datos de blockchain con GraphQL
JSNation 2023JSNation 2023
64 min
Consulta de datos de blockchain con GraphQL
WorkshopFree
Simon Emanuel Schmid
Simon Emanuel Schmid
¿Curioso acerca de cómo funcionan los datos en el mundo de la blockchain? Únete a Simon en una sesión interesante sobre The Graph, el protocolo de indexación descentralizado que facilita a los desarrolladores de blockchain buscar y consultar datos de blockchain.
Tabla de contenidos:- Comprendiendo los datos de blockchain- Anatomía de un contrato inteligente- Indexando datos de blockchain con The Graph- Accediendo a datos en The Graph- Subgrafos recomendados- Resumen de la escritura de subgrafos
Cómo Convertir Criptomonedas con Microservicios GRPC en Node.js
JSNation 2023JSNation 2023
117 min
Cómo Convertir Criptomonedas con Microservicios GRPC en Node.js
Workshop
Alex Korzhikov
Andrew Reddikh
2 authors
El masterclass presenta los principios de arquitectura clave, patrones de diseño y tecnologías utilizadas para construir microservicios en el stack de Node.js. Cubre la teoría del marco de trabajo GRPC y el mecanismo de protocol buffers, así como técnicas y especificaciones para construir servicios aislados utilizando el enfoque de monorepo con lerna y yarn workspaces, TypeScript. El masterclass incluye una tarea práctica en vivo para crear una aplicación de conversión de moneda que sigue los paradigmas de microservicios. Es adecuado para desarrolladores que deseen aprender y practicar el patrón de microservicios GRPC con la plataforma Node.js.
Requisitos previos:- Buen entendimiento de JavaScript o TypeScript- Experiencia con Node.js y escribir aplicaciones de backend- Preinstalar Node.js, npm- Preinstalar el Compilador de Protocol Buffer- Preferimos usar VSCode para una mejor experiencia con JavaScript y TypeScript (otros IDE también son aceptables)
Cómo construir interfaces de usuario para contratos inteligentes
React Summit 2022React Summit 2022
134 min
Cómo construir interfaces de usuario para contratos inteligentes
Workshop
Rahat Chowdhury
Rahat Chowdhury
Existen muchos caminos que podemos tomar para convertirnos en desarrolladores de web3. No todos los caminos requieren aprender un lenguaje completamente nuevo y convertirse en desarrollador de contratos inteligentes. En este masterclass aprenderemos cómo construir nuestra propia interfaz de usuario React sobre cualquier contrato inteligente existente en la blockchain de Prueba de Participación de Polygon. Exploraremos una visión general básica de las blockchains y aprenderemos sobre las ventajas de construir en Polygon. También obtendremos una comprensión de qué son los contratos inteligentes, aprenderemos cómo encontrar los existentes y conoceremos herramientas que nos ayudarán a interactuar con ellos desde una aplicación React.
Aprende a Construir en WEB3 Como si Fuera WEB2
React Summit 2024React Summit 2024
83 min
Aprende a Construir en WEB3 Como si Fuera WEB2
Workshop
David Dal Busco
David Dal Busco
En esta masterclass, construiremos y desplegaremos una aplicación descentralizada desde cero y exploraremos sus características adicionales, todo ello minimizando la complejidad típicamente asociada con el aprendizaje de la tecnología blockchain.Al final de esta masterclass, espero que los asistentes no solo tengan una comprensión más clara del desarrollo blockchain, sino que también se den cuenta de que construir en este espacio puede ser sorprendentemente sencillo y agradable.Mi objetivo es compartir mi entusiasmo por el desarrollo de código abierto y el potencial de Web3.
Construye aplicaciones Web3 con Javascript
JSNation 2022JSNation 2022
49 min
Construye aplicaciones Web3 con Javascript
WorkshopFree
Shain Dholakiya
Shain Dholakiya
El masterclass está diseñado para ayudar a los desarrolladores Web2 a comenzar a construir para Web3 utilizando el Hyperverse. El Hyperverse es un mercado abierto de módulos inteligentes construidos por la comunidad, auditados y fáciles de descubrir. Nuestro objetivo es facilitar a los desarrolladores de JavaScript la construcción de aplicaciones Web3 sin escribir una sola línea de código de contrato inteligente. Piensa en 'npm para contratos inteligentes'.Aprende más sobre el Hyperverse aquí.Repasaremos todos los conceptos básicos de blockchain/crypto que necesitas saber para comenzar a construir en el Hyperverse, por lo que no necesitas tener ningún conocimiento previo sobre el espacio Web3. Solo necesitas tener experiencia en JavaScript.