Desbloqueo de la migración de Aura a LWC en Salesforce ☁️

En Spring '22, nos embarcamos en un viaje de varios lanzamientos para brindar soporte de herramientas útil para los equipos que se están alejando de los componentes Aura, al mismo tiempo que reducimos las brechas entre las pilas de Aura y Lightning Web Components (LWC). Al momento de escribir esta publicación, nos encontramos al final del ciclo de desarrollo de la versión Winter '23 y tenemos algunos resultados para compartir con ustedes.

LWC es la implementación de Salesforce de una nueva generación de marcos ligeros construidos sobre estándares web . Ahora puede tener una experiencia de programación más fluida con LWC, ya que aprovecha las nuevas construcciones de lenguaje, elementos personalizados, plantillas y más con ECMAScript 7 y más allá.

Aquí hay algunos beneficios notables que obtiene al usar LWC:

• Desempeño mejorado
• Facilidad de uso para los desarrolladores
• interoperabilidad del navegador
• Compatibilidad con componentes Aura
• Tiempo de ejecución agnóstico (Aura y LWR)
• Mayor soporte de accesibilidad

Para ayudar con la transición de Aura a LWC para nuestros clientes y equipos internos, formamos el programa LAW ("LWC All the Way") para proporcionar herramientas y llenar cualquier vacío. LAW tiene como objetivo brindar a las organizaciones una forma mejorada de crear experiencias de usuario de nivel empresarial y amigables para los desarrolladores.

Comprender las brechas de LWC en nuestra pila de tecnología y diseñar una estrategia fue una gran tarea que justificó formar un equipo dedicado para impulsar el proceso de principio a fin. Con una estrategia bien definida, hemos abordado estas brechas para garantizar que obtenga una experiencia de transición de plataforma sin inconvenientes de Aura a Lightning.

También creemos que el programa LAW nos ayudará a respaldar nuestras metas a largo plazo. Centrarse en proporcionar mejores herramientas para los ingenieros a medida que construyen con LWC mejorará significativamente la productividad de los desarrolladores para nuestros clientes y aquí en Salesforce.

Desde que comenzamos a migrar la aplicación Salesforce de Aura a LWC, nuestras herramientas internas muestran una reducción del 65 % en la cantidad de gacks de JS y una mejora de hasta el 40 % en los tiempos de página de experiencia.

El esfuerzo por pasar de una tecnología antigua a una nueva es un proceso de optimización de dos pasos en el que optimizamos para reducir el uso de tecnología heredada y maximizar la adopción de la nueva tecnología. Esto incluye la creación de herramientas de análisis de código para desarrolladores y la creación de documentación eficaz.

Estado del programa LEY

Obtener retroalimentación sobre la dirección del programa LAW y reaccionar de manera oportuna fue fundamental para el éxito del programa. Entonces, comenzamos trabajando con equipos de socios internos en Salesforce, ya que nos permitió optimizar nuestros procesos y acelerar los cambios. Mientras tanto, comenzamos a analizar el ecosistema de desarrolladores de Salesforce para comprender los bloqueadores de migración comunes de Aura a LWC. Comenzar con los equipos de productos internos y expandirse hacia afuera ha demostrado ser la estrategia correcta y ya ha arrojado resultados impresionantes.

El trabajo notable que se realizará en el invierno y la primavera de 2023 brinda a los clientes más razones para impulsar su desarrollo de LWC, que incluye:

• Habilitación de LWC de objetos API de interfaz de usuario (UI) adicionales
• Conversión de las páginas de inicio de registros, incluidos los detalles, los aspectos destacados y las listas relacionadas, a LWC
• Eliminación de la brecha de Aura de búsqueda polimórfica
• Capacidad RefreshView API (actualización solo de datos)
• Soporte de notificación de brindis en LWC (disponible internamente durante el período de estabilización)

Detalles de habilitación

Hasta la fecha, el programa permitió la transición de más de 987 páginas de inicio de registro en más de 100 equipos a LWC. Esto representa alrededor de ~13,5 millones de vistas de páginas de objetos al mes. Esto significa que más del 75 % de todas las páginas de inicio de registros se han convertido a LWC. Estas páginas son esencialmente los contenedores de LWC que pueden usar los desarrolladores externos para crear componentes de LWC. Esta transición da como resultado optimizaciones de rendimiento para los componentes de representación y menos errores que solo se observan en los componentes de Aura.

El programa también ha agregado ~250 objetos más a la familia de API de la interfaz de usuario de los 1047 que fueron habilitados por otros equipos. Estos objetos estarán disponibles para su uso en tiempos de ejecución de LWC por parte de clientes internos y externos en las próximas versiones Winter '23 y Spring '23. La API de la interfaz de usuario permite a los desarrolladores acceder a datos y metadatos, y los resultados de los metadatos reflejan los cambios realizados por el administrador de la organización. Se ocupa de los diseños, las listas de selección, la seguridad a nivel de campo y el uso compartido, lo que facilita a los desarrolladores la creación de experiencias de usuario.

Para obtener una lista completa de las entidades habilitadas para la API de la interfaz de usuario, consulte la Guía para desarrolladores de la API de la interfaz de usuario.

Como mencionamos, el rendimiento es uno de los impresionantes resultados de la habilitación de LWC. La métrica de rendimiento del tiempo de página experimentada en objetos no almacenados en caché seleccionados mostró una mejora promedio de ~18 %; ~11% para el percentil 25; ~24% para el percentil 75, respectivamente.

Próximos pasos

Dado dónde nos encontramos en este viaje, estamos buscando el trabajo más impactante para seguir, incluidos los comentarios externos. Hasta la fecha, hemos recopilado comentarios ad hoc externos a través de los defensores de los clientes de Salesforce e identificado las siguientes brechas que la comunidad de desarrolladores ha expresado interés en ver abordadas:

Como mencionamos antes, internamente, durante nuestra fase de análisis, identificamos las principales brechas y dependencias clave en nuestro código, que se pueden encontrar a continuación.

Tener estos datos nos ayudó a priorizar las siguientes cosas a seguir, pero cuantos más comentarios recibamos, mejor representación obtendrán nuestros clientes.

Conclusión

LWC sigue siendo nuestra apuesta a largo plazo a medida que continuamos invirtiendo en esta área. Desenredar las brechas de Aura en LWC es un esfuerzo no trivial y los equipos de Salesforce han estado avanzando en este espacio durante bastante tiempo. A medida que continuamos acelerando nuestro viaje con la habilitación de LWC, los comentarios de los clientes se vuelven cada vez más importantes. Por lo tanto, vote en cualquiera de estas plataformas y háganos saber qué le impide adoptar LWC:

Sus comentarios se tomarán y utilizarán como una de las entradas en nuestro marco de priorización.

Aprende más

Puede leer más sobre LWC y sus beneficios siguiendo cualquiera de los enlaces a continuación.

• El estudio de caso de LWC muestra algunas mejoras en el rendimiento y lo fácil que es crear una aplicación LWC
• La descripción general de LWC le ofrece una breve introducción a los componentes web Lightning

Sobre el Autor

Grisha Lyukshin es gerente sénior de productos en Salesforce. Tiene 12 años de experiencia en entrega técnica en diferentes industrias. Forma parte de los programas LAW y Observability en Salesforce.