LWC basics
An LWC is an HTML template, a JavaScript class and a metadata file. Use @api for public properties and @wire to read data reactively.
import { LightningElement, api, wire } from 'lwc';
import getCourses from '@salesforce/apex/CourseController.getCourses';
export default class CourseList extends LightningElement {
@api recordId;
@wire(getCourses, { accountId: '$recordId' }) courses;
}