web3 en la plataforma de su elección: una mirada más cercana al enfoque multiplataforma de Coinbase Wallet

web3 en la plataforma de su elección: una mirada más cercana al enfoque multiplataforma de Coinbase Wallet

Tl;dr: La nueva plataforma de la aplicación móvil de Coinbase Wallet refleja nuestro compromiso de mejorar el acceso a web3. En este blog, discutimos por qué la transición a React Native marca un punto de inflexión crítico tanto para nuestros usuarios como para nuestros equipos técnicos.

Por Chintan Turakhia, director de Coinbase Wallet Engineering, y Dan Coffman, Coinbase Wallet React Native Lead

gm

Esta semana, nosotros Anunciado el debut de las nuevas aplicaciones móviles para iOS y Android de Coinbase Wallet creadas con React Native. Este lanzamiento marca un punto de inflexión crítico para Coinbase Wallet y sus usuarios, y nos gustaría arrojar luz sobre la motivación y el viaje para llegar aquí.

Nuestro objetivo con Coinbase Wallet es ser la puerta de entrada predeterminada al ecosistema web3. Presentamos una aplicación móvil en iOS y Android en 2017 para hacer que los beneficios de la criptografía, la autocustodia y el incipiente ecosistema dapp sean accesibles para todos, independientemente de la red o la cadena de bloques, el país o la moneda, los expertos en criptografía o los principiantes en criptografía.

En 2021, vimos un aumento en el compromiso de web3 a través del escritorio, impulsado en gran medida por NFT y dapps DeFi. Esto nos llevó a lanzar una billetera Coinbase extensión del navegador utilizando React, brindando a los usuarios la opción de participar en la criptoeconomía en una plataforma de escritorio. Esto también le dio a nuestros equipos de producto, ingeniería y diseño la oportunidad de repensar por completo cómo debería verse y sentirse un producto de autocustodia para los usuarios avanzados, así como para los recién llegados a web3.

Desafortunadamente, el lanzamiento de la extensión del navegador significó que nuestros equipos de ingeniería ahora necesitaban codificar las mismas funciones para tres plataformas diferentes, ya que la extensión del navegador de Wallet, iOS y las aplicaciones de Android aprovecharon diferentes bases de código. Y como consecuencia, nuestra velocidad de envío en la extensión superó con creces nuestro ritmo en el móvil. Sabíamos que esta no era una solución viable a largo plazo para mantenerse al día con la innovación en web3. Con el fin de maximizar la eficiencia de nuestros desarrolladores y diseñadores, así como enviar una billetera multicadena consistentemente confiable, segura y simple en todas las plataformas, necesitaríamos migrar nuestros productos móviles a un marco común.

Introduzca Reaccionar nativo.

Adoptamos el mantra de construir una vez y enviar a todas partes. Cambiar la plataforma de las aplicaciones móviles de Coinbase Wallet a React Native significa que podemos enviar más fácilmente nuevas funciones a la extensión del navegador de Wallet, las aplicaciones iOS y Android en conjunto, agilizando los flujos de trabajo y permitiéndonos ofrecer la misma excelente experiencia de usuario en computadoras de escritorio y dispositivos móviles.

En 2020, la aplicación Coinbase con éxito en transición desde dispositivos móviles nativos hasta React Native, un marco de software que nos permite enviar el mismo código TypeScript y React UI tanto en iOS como en Android. Nuestro objetivo desde entonces fue simple: aprovechar esos caminos pavimentados para enviar una aplicación móvil de alto rendimiento mientras brindamos a los usuarios una experiencia de diseño consistente utilizando el Sistema de diseño Coinbase (CDS). Pudimos aprovechar rápidamente las carreteras pavimentadas, incluida la navegación reactiva, los enlaces profundos y la configuración en el código.

Al unificar nuestra aplicación móvil Coinbase Wallet y la extensión del navegador en una sola capa de datos que maneja toda la lógica comercial, podemos continuar enviando productos rápidamente a través de tres plataformas. Nos alejamos de RxJS basado en clases y cambiamos a repositorios funcionales basados ​​en contexto para permitir un mayor aprovechamiento de las bibliotecas principales de React. El desafío adicional fue migrar la capa de datos mientras se continuaban construyendo y enviando funciones en la Extensión. Web3 no se detiene para nadie, por lo que orquestamos cuidadosamente el reemplazo de todo nuestro motor Wallet mientras aún volaba.

Wallet también podrá traer nuevas funciones al mercado en una fracción del tiempo. Un ejemplo reciente de esto es nuestra cartera de DeFi, que tardó dos meses en construirse para la extensión del navegador Wallet y solo cinco días en migrarse a nuestra nueva aplicación móvil React Native. La mayoría de la lógica compleja residía en la capa de datos y, dado que ahora se comparten entre todas las plataformas, pudimos compilarla una vez y enviarla a todas las plataformas. Solo quedaba la interfaz de usuario del cliente para dispositivos móviles y, afortunadamente, con un CDS común, trasladar los elementos de la interfaz de usuario a dispositivos móviles fue simple. Gracias a este tipo de eficiencias, esperamos ver que la velocidad a la que Wallet lanza nuevos productos continúe aumentando en los próximos meses.

Los usuarios no solo se beneficiarán de que Wallet ofrezca funciones más rápido, sino que la experiencia móvil en su conjunto será más ágil, más receptiva y más confiable.

Varias de las funciones que lanzamos durante el año pasado se crearon para la extensión de Wallet y aún no se han introducido en la aplicación móvil de Wallet. Con nuestra migración a React Native, ahora estamos listos para lanzar varias funciones excelentes en la aplicación móvil por primera vez, incluida la compatibilidad con el almacenamiento, el envío y la recepción de tokens Solana y SPL, gráficos de precios en tiempo real, un navegador de aplicaciones dapp, administración de tokens y una vista de cartera de DeFi.

¿Cómo se transfieren más de 110 funciones en una nueva pila de tecnología React Native, mientras se agrega una nueva funcionalidad a la plataforma Chrome Extension existente y se mantiene el producto móvil Native existente? La capa de datos común era un multiplicador de fuerza que permitía al equipo seguir creando funciones para la extensión que se trasladarían sin problemas a RN móvil. También priorizamos la paridad de características de nuestro producto móvil existente mientras mantenemos un alto nivel de calidad y rendimiento a través de la evaluación comparativa.

El equipo construyó los cimientos para un sistema de monitoreo de rendimiento escalable y extensible para medir el rendimiento del lado del cliente de la nueva aplicación, incluida la carga de la página, el tiempo de bloqueo de subprocesos de la interfaz de usuario y la capacidad de respuesta de la aplicación para cada compromiso. Optimizamos los tiempos de carga y renderizado de pantalla utilizando una solución de renderizado incremental a medida, memorizando componentes y optimizando costosos cálculos de enlace. También enviamos innumerables mejoras a la capa de datos a través de actualizaciones de estado por lotes y la optimización de estrategias de almacenamiento en caché, lo que benefició la carga de activos y NFT tanto en la nueva aplicación nativa como en la extensión.

Si ha notado la nueva apariencia de la aplicación móvil, refleja mucho más que una nueva capa de pintura. Coinbase Wallet ahora es una parte integral del sistema de diseño de Coinbase.

El sistema de diseño de Coinbase es una arquitectura robusta de diseño reutilizable y componentes de movimiento integrados en React. Descubrimos que el CDS permite que nuestros equipos de productos, ingeniería y diseño se concentren en crear experiencias de productos de alta calidad al tiempo que garantizan una experiencia uniforme para los usuarios en todos los productos de Coinbase. Los hermosos elementos de diseño, como la «cálida bienvenida» impulsada por el movimiento que recibe a los nuevos usuarios, son solo una pequeña vista previa de cómo estamos brindando una experiencia visual rica para una audiencia global.

Dado que la extensión del navegador de Coinbase Wallet se creó con este sistema de diseño, los usuarios de escritorio ahora disfrutarán de una experiencia más consistente dentro de la aplicación móvil de Wallet. Como una ventaja adicional de este enfoque consistente, los usuarios que están familiarizados con la aplicación insignia de Coinbase se sentirán inmediatamente como en casa con la nueva experiencia móvil de Coinbase Wallet.

Otro resultado emocionante de este trabajo es que los usuarios de Wallet ahora tienen la oportunidad de personalizar su experiencia móvil. Nuestra investigación mostró que los usuarios prefieren el modo oscuro, por lo que la aplicación móvil se abrirá en modo oscuro de forma predeterminada. También estamos agregando la capacidad de seleccionar un color de tema para Coinbase Wallet, que se puede seleccionar en la pestaña Configuración.

La nueva aplicación móvil Coinbase Wallet comenzó a implementarse globalmente en iOS y Androide esta semana, y esperamos que la implementación se complete en las próximas semanas. Asegúrese de que su aplicación esté actualizada visitando App Store en iOS o Google Play en Android, y siga @CoinbaseWallet en Twitter para conocer las últimas noticias y actualizaciones.

//platform.twitter.com/widgets.js

FUENTE DEL ARTICULO

Deja un comentario

CONTENIDO PROMOCIONADO

Categorías

Publicaciones Recientes

Sobre el Editor

Jasson Mendez
Editor del Blog

Nuestra mision es complacer a todos nuestros usuarios sean clientes, lectores o simplemente visitantes, la experiencia merece la pena.

CONTENIDO PROMOCIONADO

CONTENIDO PROMOCIONADO

RD Vitual Copyright © 2022. Todos los Derechos Reservados.