Articles

Componentes Web Lightning-Apex Hours

Bienvenido al mundo de componentes Web Lightning. entendamos por qué Lightning Web components introdujo Salesforce y cómo crear el primer componente LWC en sandbox u organización para desarrolladores (Non-scratch org). Además, hablaremos sobre las mejores prácticas de LWC.

Por qué Lightning Web Component

  • 5 hace años, en 2014, Lightning Components Lanzó
  • En ese momento, los estándares web tenían una funcionalidad limitada y varios marcos de trabajo cumplieron con las brechas, como ReactJS para DOM virtual, CommonJS, etc
  • Aura framework fue parte de esa iniciativa donde impulsaron los estándares web para crear aplicaciones empresariales
  • Aura framework, Angular, React, todos estos marcos se convirtieron en lenguajes
  • Componente web
    • El estándar web tiene un rico conjunto de funcionalidades, soportadas por navegadores nativos
    • Plantillas, DOM de sombras, Elementos personalizados para nombrar algunos
  • Más Estándar y menos framework

En otras palabras, Lightning Web Components framework aporta potencia y beneficios de los componentes Web mientras se construye sobre estándares web modernos. Los componentes de banda de iluminación se componen de 3 piezas clave:

  • Componentes de iluminación base: un conjunto de más de 80 componentes de interfaz de usuario creados como elementos personalizados
  • El Servicio de Datos Lightning: proporciona acceso declarativo a los datos y metadatos de Salesforce, almacenamiento en caché de datos y sincronización de datos
  • La API de Interfaz de usuario: el servicio subyacente que hace que los componentes de Iluminación Base y el Servicio de Datos Lightning sean conscientes de los metadatos

Introducción a Lightning Web Components

Hicimos dos sesiones en Horas Apex «Introducción a Lightning Web Components» y » Lightning Web Components Best Practicar». En esa sesión cubrimos todos los temas a continuación.

  1. Por qué Lightning Web Component (LWC)
  2. Parte 1-Componentes Web HTML5 de vainilla
    • Beneficios del Componente Web
    • Pilares del Componente Web
    • Demostración de Elementos Personalizados y Plantillas
  3. Parte 2-Componente Web Lightning
    • Hola Mundo
    • Demostración de métodos de ciclo de vida
    • Llamar a Apex Class
    • Acceder a Etiqueta personalizada
    • Servicios de datos Lightning
    • Comunicación entre el Componente Lightning y LWC

Aquí está la grabación de la sesión :-

Introducción a Lightning Web Components LWC

Compruebe en esta sesión por qué necesitamos Lightning web component y cuál es la diferencia entre LWC y AURA. También en esta sesión aprenderá cómo crear el primer proyecto de LWC, incluyendo cómo llamar a apex desde componentes web lightning.

Agenda

  • Introducción a los Componentes Web de Lightning
  • Aura vs LWC
  • Anatomía de un Componente Web de Lightning
  • Patio de juegos de Lightning
  • Cree sus primeros componentes web de Lightning
    • Atributo en LWC
    • Manejar el valor de entrada y hacer clic en evento
    • Función de llamada al hacer clic en el botón
  • Propiedades en LWC
  • Invocando Apex desde LwC (Cable e Imperativo)
  • Q & A

Gestión de eventos de componentes web Lightning y Navegación

Únase a esta sesión y obtenga información sobre el manejo de eventos y el servicio de datos Lightning en lightning web components. También hablaremos sobre cómo manejar la navegación en LWC.

Agenda

  • Manejo de eventos (Comunicación entre LWC)
    • Comunicación de padres a hijos
    • Niño a padres
  • Acceso a los datos de la base de datos de Salesforce
  • Demo del Servicio de Datos Lightning (LDS)
    • Formulario de registro Lightning
  • Utilice LWC en Lightning Experience
  • Navegación en lightning web component

Mejores Prácticas de Lightning Web Components

El 23 de marzo de 2019, hicimos otra sesión en vivo sobre las mejores prácticas de Lightning Web Components (LWC) con » René Winkelmeyer » en ApexHours. En esa sesión hablaremos sobre cómo crear componentes Web de Rayos ricos, eficientes y resistentes. Ese seminario web cubrió las mejores prácticas en torno a :-

  1. Uso de propiedades públicas y privadas para una composición de componentes efectiva.
    1. Cuándo deberíamos usar la variable @ api o @track
  2. Comunicación de eventos para los componentes de hijo a padre, así como para los componentes de hermanos (pubsub).
    1. Comunicación de padres a hijos
    2. Comunicación de niños a padres
    3. pubsub
  3. Cuándo y cuándo no, usar Apex con Componentes Web Lightning
    1. Api de registro de interfaz de usuario en LWC
    2. Servicio de datos Lightning en LWC (formulario de registro Lightning)
  4. Recetas, Patrones y Mejores Prácticas de Aura interoperabilitys
  5. Cómo depurar Componentes Web de Lightning
  6. Cómo probar Componentes Web de Lightning (Servicio de Pruebas de Lightning)
    1. Pruebas de broma para Componentes Web de Lightning (LTS )

Aquí está la grabación de la sesión :-

Lightning Web Components ( LWC ) en Salesforce con Organización no Scratch

En esta publicación hablamos sobre cómo crear un componente LWC en una organización no scratch.
Para el desarrollo de componentes Web Lightning, debe configurar SalesforceDX y VSCode, ya que los componentes de LWC no están disponibles actualmente en la consola de desarrolladores

Atributos de diseño Archivos CSS y SVG en Lightning Web Components

Creamos una entrada de blog sobre cómo crear Atributos de diseño en Lightning web components. El atributo de diseño se utiliza para que el atributo lightning web components esté disponible para que el administrador del sistema edite Lightning App Builder o Community

Aquí está la grabación de esto

Invocar la clase Apex desde el componente Web Lightning

Tenemos tres vías para llamar al método Apex

  1. Conectar una propiedad
  2. Conectar una función
  3. Llamar a un método imperativamente.

Consulte esta publicación para conocer todas las formas diferentes de invocar la clase Apex en LWC. Marque esta grabación en una de las formas de llamar al método apex.

Consulte esta publicación para obtener información sobre las diferentes formas de eventos en Lightning web components (LWC).

Convertir la página de Visualforce en componentes Web Lightning

En esta sesión hablaremos sobre cómo convertir la página VF en componentes LWC. Salesforce presentó recientemente el Servicio de Mensajes Lightning (LMS). El servicio de mensajes Lightning (LMS) le permite comunicarse entre los componentes de Visualforce y Lightning (Aura y LWC, ambos) en cualquier página de Lightning

Lectura Adicional :-

Consulte la siguiente publicación para obtener más información sobre Lightning Web Components

  1. Lightning Web Components ( LWC ) en Salesforce con Organización no rayada
  2. Invocar el controlador Apex desde Lightning Web Component | Lightning Web Component dentro de Otro LWC
  3. Atributos de diseño en Lightning Web Components | Archivos CSS y SVG | Lightning Web Components | targetConfigs
  4. Cómo obtener el id de usuario actual en lightning web component | Access id de usuario conectado en LWC
  5. Notificación de tostado en Lightning Web Components | ShowToastEvent | (LWC)
  6. Mejores prácticas de LWC
  7. Eventos en Lightning web components (LWC) | Comunicación con eventos
  8. Datatable de Lightning En Componentes Web de Lightning | edición en línea datatable de lightning
  9. Servicio de Mensajes de Lightning (LMS) | Canal de mensajes
  10. Clasificación en Datatable de Lightning

Comienzo del sendero :- https://trailhead.salesforce.com/en/content/learn/projects/quick-start-lightning-web-components

Gracias

Amit Chaudhary

Amit Chaudhary es Arquitecto de sistemas de Salesforce Application & y trabaja en Salesforce Platform desde 2010. Es MVP de Salesforce desde 2017 y tiene 17 certificados de Salesforce.

Es un blogger activo y fundador de Apex Hours.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.