Project: Account/Contact Management Without Apex

An accountManager component that:

1. Displays a list of Accounts (via @wire and a SOQL-free UI API call — Module 20's capstone revisits combining this with Apex for more complex querying).
2. Lets the user select an Account to view its Contacts.
3. Lets the user add a new Contact to the selected Account using createRecord.

Every single piece of this uses Lightning Data Service — no Apex class anywhere.

import { LightningElement, wire } from 'lwc';
import { getRecord, getFieldValue } from 'lightning/uiRecordApi';
import NAME_FIELD from '@salesforce/schema/Account.Name';
import INDUSTRY_FIELD from '@salesforce/schema/Account.Industry';

export default class AccountManager extends LightningElement {
    selectedAccountId;

    @wire(getRecord, { recordId: '$selectedAccountId', fields: [NAME_FIELD, INDUSTRY_FIELD] })
    account;

    get accountName() {
        return getFieldValue(this.account.data, NAME_FIELD);
    }
}

Using '$selectedAccountId' as a reactive parameter (Lesson 5) means simply changing selectedAccountId automatically re-fetches the newly selected Account — no manual refresh call needed for this part.

import { createRecord } from 'lightning/uiRecordApi';
import CONTACT_OBJECT from '@salesforce/schema/Contact';
import FIRST_NAME_FIELD from '@salesforce/schema/Contact.FirstName';
import LAST_NAME_FIELD from '@salesforce/schema/Contact.LastName';
import ACCOUNT_FIELD from '@salesforce/schema/Contact.AccountId';

async handleAddContact() {
    const recordInput = {
        apiName: CONTACT_OBJECT.objectApiName,
        fields: {
            [FIRST_NAME_FIELD.fieldApiName]: this.newFirstName,
            [LAST_NAME_FIELD.fieldApiName]: this.newLastName,
            [ACCOUNT_FIELD.fieldApiName]: this.selectedAccountId,
        },
    };

    try {
        await createRecord(recordInput);
        // refresh whatever component/wire lists this Account's Contacts
    } catch (error) {
        this.error = error;
    }
}

Setting ACCOUNT_FIELD.fieldApiName (AccountId) on the new Contact is what associates it with the currently selected Account — plain relational data, no Apex needed to establish it.

This is the module's entire thesis, demonstrated: reading records (@wire/getRecord), writing new ones (createRecord), and correctly refreshing the UI afterward (reactive parameters and refreshApex) — a genuinely complete, production-viable CRUD interface with zero Apex classes to write, deploy, or test.