Project: Lead Management Application

A leadManager component with a lightning-datatable (Module 10) listing open Leads, and a "New Lead" form (Module 8's reportValidity() pattern) that creates a Lead via createRecord (Module 6) and refreshes the list on success.

import { LightningElement, wire } from 'lwc';
import { createRecord } from 'lightning/uiRecordApi';
import { refreshApex } from '@salesforce/apex';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import getOpenLeads from '@salesforce/apex/LeadController.getOpenLeads';
import LEAD_OBJECT from '@salesforce/schema/Lead';
import COMPANY_FIELD from '@salesforce/schema/Lead.Company';
import LAST_NAME_FIELD from '@salesforce/schema/Lead.LastName';

const COLUMNS = [
    { label: 'Name', fieldName: 'name', type: 'text', sortable: true },
    { label: 'Company', fieldName: 'company', type: 'text', sortable: true },
    { label: 'Status', fieldName: 'status', type: 'text' },
];

export default class LeadManager extends LightningElement {
    columns = COLUMNS;
    company = '';
    lastName = '';
    isSaving = false;
    wiredLeadsResult;

    @wire(getOpenLeads)
    wiredLeads(result) {
        this.wiredLeadsResult = result;
    }

    get leads() {
        return this.wiredLeadsResult?.data ?? [];
    }

    isFormValid() {
        return [...this.template.querySelectorAll('lightning-input')]
            .reduce((valid, field) => field.reportValidity() && valid, true);
    }

    async handleCreateLead() {
        if (!this.isFormValid()) {
            return;
        }

        this.isSaving = true;
        try {
            await createRecord({
                apiName: LEAD_OBJECT.objectApiName,
                fields: {
                    [COMPANY_FIELD.fieldApiName]: this.company,
                    [LAST_NAME_FIELD.fieldApiName]: this.lastName,
                },
            });
            await refreshApex(this.wiredLeadsResult);
            this.dispatchEvent(new ShowToastEvent({ title: 'Lead Created', variant: 'success' }));
        } catch (error) {
            this.dispatchEvent(new ShowToastEvent({
                title: 'Could Not Create Lead',
                message: error.body?.message ?? 'An unexpected error occurred.',
                variant: 'error',
            }));
        } finally {
            this.isSaving = false;
        }
    }
}

getOpenLeads follows Module 16's thin-Controller pattern; refreshApex(this.wiredLeadsResult) (Module 6) is what makes the newly created Lead appear in the datatable without a manual reload.