海外のSalesforce開発者の人のYoutubeチャンネルで公開されているLightning Web Component動画を見ながらサンプルコードを試してみました。
Hello World
シンプルなHello Worldコンポーネント。
Lightningページではなく、Lightningコンポーネントタブでアクセスするとヘッダー部分も表示されない真っ白なページ上にコンポーネントの機能を配置できる。
Decorators
@trackデコレーターのサンプルコード。import時にtrackを宣言することで @trackが使えるようになる。
@trackの補足。
Record Form
lightning-record-formタグのサンプル。
Record Edit Form
lightning-record-edit-formタグとShowToastEventのサンプル。
Record View Form
lightning-record-view-formタグのサンプル。
Call Apex Methods
Apexクラスの処理を呼び出すサンプル。@wireの使い方。
Call Apex Methods Imperatively
Apexクラスの処理を呼び出すサンプル。ボタンクリックすると取引先責任者リストを表示する処理。
LWCのApex実行から正常実行、エラーハンドリングの書き方のサンプルとなっています。
海外のSalesforce開発者のSoftware Codingチャンネルの動画を見ながら試してみた結果はこんな感じでした。Lightning Web Component以外にもApexバッチの開発動画も公開してました。