dApps: la interfaz del contrato
Billeteras, transacciones y una UI que espera al bloque.
12 aulas · 6 horas de práctica · en el navegador, sin instalar nada
Temario
- Conectar: el estado que no es un booleano — Desconectado, conectando, conectado y rechazado. Cuatro estados, uno solo a la vez, y ninguno se puede saltear.
- La dirección: mostrar poco sin esconder nada — Cuarenta y dos caracteres no entran en un encabezado. Se abrevian los del medio, y la completa queda a un click.
- Red equivocada: la pantalla que tapa a todas las demás — Tu contrato vive en una cadena sola. Si la billetera está en otra, no hay nada que mostrar: hay que pedir el cambio.
- Leer del contrato: qué se muestra cuando todavía no hay dato — Leer no cuesta gas, pero tarda y puede fallar. Lo que dibujás mientras tanto es parte del diseño, no un hueco.
- Taller — Conectar la billetera — El flujo de entrada entero: conectar, mostrar quién sos, exigir la red correcta y recién ahí dejar pasar.
- Escribir: firmar, esperar el bloque, y bloquear el botón — Cuatro estados y un botón deshabilitado. Ese `disabled` no es prolijidad: es lo único que impide que el usuario pague dos veces.
- La transacción revertida: dijo que sí y falló igual — La promesa resuelve, el bloque llega, y adentro dice que no. Tres finales distintos que la mayoría de las dApps muestran como uno solo.
- La cuenta cambia sola y tu UI habla de otro — El usuario cambia de billetera desde la extensión, sin tocar tu página. Todo lo que mostrabas dejó de ser suyo en ese instante.
- Costos: decir lo que va a pagar antes de que firme — El precio no es el costo. El costo es el precio más el gas, y el botón de firmar no puede estar habilitado si no entra en el saldo.
- El historial: transacciones que llegan por páginas — Una lista que crece de a tandas, un estado de carga que es de la tanda y no de la lista, y un hash que decide qué es nuevo y qué ya estaba.
- Firmar un mensaje: login sin contraseña — Nonce, firma y verificación: la app pide, la billetera firma, el servidor decide. Seis estados, un botón que no se libera antes de tiempo, y una sesión que se va con la cuenta.
- Taller — La pantalla de minteo — La pantalla donde todo puede salir mal: leer el suministro, decir el costo, firmar, esperar el bloque, sobrevivir a un revert y a un cambio de cuenta.