Articles

Lightning-webcomponenten-Apex-uren

welkom in de wereld van Lightning-webcomponenten. laten we begrijpen waarom Lightning Web componenten geïntroduceerd door Salesforce en hoe je eerste LWC component te creëren in sandbox of developer org (Non-scratch org). Daarnaast zullen we het hebben over LWC best practices.

Waarom Bliksem Web Component

  • 5 jaren terug, in 2014, Bliksem Onderdelen Gelanceerd
  • Op dat moment webstandaarden had een beperkte functionaliteit en verschillende kader kwam om te voldoen aan de lacunes zoals ReactJs voor virtuele DOM, commonJS, enz.
  • Aura-framework is een onderdeel van het initiatief, waar ze duwde web standaarden te bouwen van enterprise applicaties
  • Aura framework, Hoekig, Reageren op deze kader werd talen
  • Web component
    • Web standard heeft een rijke set van functies, ondersteund door Native Browsers
    • Templating, Shadow DOM, aangepast Element om enkelen te noemen
  • meer standaard en minder framework

met andere woorden, Lightning Web Components framework biedt kracht en voordelen van webcomponenten terwijl het gebouwd is op moderne webstandaarden. Lighting Web componenten bestaan uit 3 belangrijke stukken:

  • Base Verlichting Onderdelen: – een set van 80+ UI-componenten gebouwd als custom-elementen
  • De Bliksem Data Service– biedt declaratieve toegang tot Salesforce-gegevens en metadata, data-caching en data synchronisatie
  • De User Interface API– de onderliggende dienst die maakt Base Verlichting Onderdelen en de Bliksem Data Service metadata-hoogte

Inleiding tot de Bliksem Web Components

We hebben twee sessie in Apex Uur “Inleiding tot de Bliksem Web Components” en ” Lightning-Web Components Beste Informatiepraktijken”. In die sessie hebben we alle onderstaande onderwerpen behandeld.

  1. Waarom Bliksem Web Component (LWC)
  2. Deel 1 – Vanille HTML5 Web Components
    • de Voordelen van Web Component
    • Pijlers van Web Component
    • Demo van Aangepaste Element en Templates
  3. Deel 2 – Lightning-Web Component
    • Hallo Wereld
    • Demo van de Levenscyclus methoden
    • Oproep Apex-Klasse
    • Aangepaste Label
    • Bliksem Data Services
    • Communicatie tussen Bliksem Component en LWC

Hier is de opname van de sessie :-

aan de slag met Lightning Web Components LWC

bekijk deze sessie waarom we Lightning web component nodig hebben en wat het verschil is tussen LWC en AURA. Ook in deze sessie leer je over hoe je eerste LWC project te maken onder meer hoe je Apex bellen van lightning web componenten.

Agenda

  • Inleiding tot de Bliksem Web Components
  • Aura vs LWC
  • Anatomie van een Lightning-Web Component
  • Bliksem Speeltuin
  • het Maken van uw eerste Lightning-web components
    • Lightning-ingang
    • Attribuut in LWC
    • Verwerken van de Input waarde en Klik op de gebeurtenis
    • Het aanroepen van de functie op de knop te klikken
  • Eigenschappen in LWC
  • Inroepen van Apex van LwC ( Draad en Dwingende)
  • Q & Een

Bliksem web component Event Handling en Navigatie

doe mee aan deze sessie en kom meer te weten over het afhandelen van gebeurtenissen en de Lightning-Dataservice in lightning-webcomponenten. We zullen ook praten over hoe om te gaan met navigatie in LWC.

Agenda

  • Event Handling (Communicatie tussen LWC)
    • Ouder-Kind Communicatie
    • Kind ouder
  • Toegang tot gegevens uit Salesforce crm Database
  • Bliksem Data Service (LDS) Demo
    • Lightning-record-vorm
  • Gebruik LWC in Lightning-Ervaring
  • Navigatie in de bliksem web component

Bliksem Web Components Beste Praktijken

Op 23 Maart 2019, We hebben nog een live sessie op Bliksem Web Components (LWC) ‘best practices’ met “René Winkelmeyer ” in ApexHours. In die sessie praten we over het bouwen van rijke, efficiënte en veerkrachtige Lightning webcomponenten. Dat webinar best practices rond :-

  1. gebruik van publieke en private eigendommen voor effectieve componentensamenstelling.
    1. wanneer we @api of @ track variabele moeten gebruiken
  2. Event communicatie voor kind-naar-ouder en voor broer / zus componenten (pubsub).
    1. Ouder-Kind Communicatie
    2. Kind Ouder Communicatie
    3. pubsub
  3. Wanneer en wanneer niet te gebruiken Apex met Lightning-Web Components
    1. UI Opnemen met de Api in LWC
    2. Bliksem Data Service in LWC (Bliksem record formulier)
  4. Aura interoperabilitys Recepten, Patronen en Beste Praktijken
  5. het opsporen van Bliksem Web Components
  6. Hoe om te testen Bliksem Web Component (Bliksem Testing Service)
    1. Jest Tests voor Bliksem Web Components ( LTS )

hier is het opnemen van de sessie :-

Lightning Web Components (LWC ) in Salesforce met non-Scratch Org

In dit bericht praten we over het maken van LWC component in non-scratch org.
voor de ontwikkeling van Lightning webcomponenten moet u SalesforceDX en VsCode instellen omdat LWC-componenten momenteel niet beschikbaar zijn in de Developer console

Ontwerpattributen CSS-en SVG-bestanden in Lightning webcomponenten

we hebben een blogpost gemaakt over het maken van Ontwerpattributen in Lightning webcomponenten. Design attribuut wordt gebruikt om lightning web components attribuut beschikbaar te maken voor systeembeheerder om Lightning App Builder of Community

te bewerken

Apex Class aanroepen van Lightning Web Component

we hebben drie manieren om Apex methode

  1. Wire a property
  2. Wire a function
  3. een methode imperatief aanroepen.

controleer dit bericht om alle verschillende manieren te kennen om Apex-klasse in LWC aan te roepen. Controleer deze opname naar een manier om Apex methode te bellen.

controleer dit bericht voor meer informatie over de verschillende manier van gebeurtenissen in Lightning web components (LWC).

Visualforce-pagina omzetten naar Lightning-webcomponenten

in deze sessie bespreken we hoe de VF-pagina kan worden omgezet in LWC-componenten. Salesforce introduceert onlangs de Lightning Message Service (LMS). Lightning Message Service (LMS) kunt u communiceren tussen Visualforce en Lightning componenten (Aura en LWC beide) op elke Lightning pagina

verder lezen :-

bekijk onderstaande post op meer informatie over de Lightning-Web Components

  1. Bliksem Web Components ( LWC ) in Salesforce met krasvrije Org
  2. Beroepen Apex Controller van de Bliksem Web Component | Bliksem Web Component in een Ander LWC
  3. Design kenmerken in de Bliksem Web Components | CSS en SVG Bestanden | Bliksem Web Components | targetConfigs
  4. het huidige gebruikers-id in lightning web component | Toegang ingelogde gebruikers-ID in LWC
  5. Toast Notificatie in de Bliksem Web Components | ShowToastEvent | (LWC)
  6. LWC Beste praktijken
  7. Evenementen in de Bliksem web components (LWC) | Communiceren met Evenementen
  8. Bliksem datatable In de Bliksem Web Components | bliksem datatable inline bewerken
  9. Bliksem Message Service (LMS) | MessageChannel
  10. Sorteren in Lightning Datatable

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

Bedankt

Amit Chaudhary

Amit Chaudhary is Salesforce-Toepassing & Systeem Architect en werken op het Platform van Salesforce sinds 2010. Hij is sinds 2017 Salesforce MVP en heeft 17 Salesforce certificaten.Hij is een actieve blogger en oprichter van Apex Hours.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.