寫在前面的話
也許很多同學(xué)還不是很了解什么是aura ? 簡單講 aura 就是在 LWC 之前用來做 Lightning 前端開發(fā)的框架。所以標(biāo)題可以理解為:寫給老一輩 Lightning 前端開發(fā)者的 LWC 介紹犹菱。各位同學(xué)要有心理準(zhǔn)備朗儒,這個 module 是很冷血颊乘,殘酷的一個 module,但同時也是整個 trail 里唯一達(dá)到 Trailhead 標(biāo)準(zhǔn)的一個 module醉锄。所以無論你是否是老一輩的 Lightning 開發(fā)人員乏悄,這個 module 都不應(yīng)該錯過。只是提醒下,如果其中很多關(guān)于 aura 的概念你不清楚恳不,簡單了解下就好不需要深究了檩小,原因馬上告訴你。
Unit 1:Understand How Lightning Web Components Work with Aura Components
“理解 LWC 如何與 Aura 組件一起工作”烟勋,哼规求!這種虛偽的標(biāo)題在第一段就撕掉了偽善的面具露出了冷血的現(xiàn)實(shí)。章節(jié)開始作為老一輩Lightning 開發(fā)者不禁要問:“馬克班尼奧夫同志卵惦,我剛花了兩年時間才學(xué)會了Aura阻肿,你就推個新 LWC 框架,做一模一樣的的事情沮尿!你幾個意思按运?” 然后官方給出的答復(fù)是:“在創(chuàng)世之初,并沒有意識到 JS 的星星之火可以燎原成這個樣子赴邻。當(dāng)前 ES6 ES7 的出現(xiàn)基本統(tǒng)一了 JS 的標(biāo)準(zhǔn)印衔。所以我們推出了基于最新 JS 標(biāo)準(zhǔn)的新 LWC 組件。讓全世界前端受苦受難的人都可以翻身得解放乍楚。'Do you hear the people sing? Singing a song of angry men?It is the music of a people who will not be slaves again! '” 恩当编,你還能怎么辦呢?
接下來 unit 就開始介紹 LWC 的好處:What Are the Benefits of Lightning Web Components?
- 更現(xiàn)代的 javascript
- 開發(fā)效率和滿意度的提升
- 代碼性能
后面需要特別提到了一段就是“Buckle Up for a Journey”徒溪,這段描寫非常有 trailhead 的調(diào)調(diào)。
Learning any new programming model or language is a journey. When you get some new code running, it can feel like the thrill of driving a convertible on an open road. Then you change a line of code and you get an error. You slam on the brakes, but you’ve hit a traffic jam and you desperately search for the next exit. Remember, it’s a journey. The error is just a temporary slowdown, and you’ll get to your destination in the end... hopefully, before dinner time.
We hope that this module prepares you for your Lightning web components journey. Think of the module as packing your suitcase for your trip. We step you through everything you need for the adventure. When you reach your destination, we don’t want you to open your suitcase and realize that you forgot to pack any underwear!
接著介紹新舊開發(fā)框架的合作模式:在 aura 組件中可以嵌套 LWC 組件金顿,但反過來不可以臊泌。有沒有感到一絲不安?這分明就是斷了aura 組件的后路揍拆。unit 的最后甚至給出了從 aura 到 LWC 的遷移的建議渠概。至此你應(yīng)該能看清 aura 要被拋棄的悲慘命運(yùn)了吧? 多么的殘酷嫂拴,之前還叫人家小甜甜播揪,現(xiàn)在倒好說放棄就放棄,不留一絲牽掛筒狠。
unit 2 & unit 3 遷移markup猪狈,CSS 和 javascript
后續(xù)的兩個 unit 就是搬家指南了,幫助老一輩的 auro 開發(fā)能更快的了解 aura 和 LWC 的差異辩恼,以及如果從 aura 遷移到 LWC雇庙。即使你沒學(xué)過 aura,你也可以當(dāng)作一份有對比的學(xué)習(xí)手冊灶伊,還是會提供很多關(guān)于 LWC 的知識點(diǎn)疆前,而且通過和 aura 的對比,你能更清晰的體會到 LWC 新框架帶來的便利與簡化聘萨。
Dynamic content in a Lightning web component’s HTML file doesn’t have quotes around the {brokerId} reference. It’s not a typo!
針對 JS 的遷移竹椒,可以發(fā)現(xiàn) aura 之前很多自定義的組件屬性和邏輯都被更標(biāo)準(zhǔn)和現(xiàn)代的 js 方式方法所替代∶追基本一個學(xué)過 react 的前端可以很容易的無痛上手 LWC 組件胸完。
unit 4: Use JavaScript API Methods to Write Data
這個Unit 主要介紹前端與后端的不同交互方式,包括表單組件儡循,@wire 注釋方式舶吗,直接請求 API 等,如果你對 salesforce 前后端交互方式不是很清楚择膝,這個 Unit 能給你跟多幫助誓琼。
unit 5:創(chuàng)建組件 Compose Components
這個Unit非常有用,介紹了組件間的集中關(guān)系,以及 LWC 事件綁定的機(jī)制腹侣。最后還介紹了 slot叔收。所有這些對于以后理解 LWC 組件都回有很大幫助。
unit:6 事件通訊 Communicate with Events
所有現(xiàn)代的 js 組件都會引入自己的事件機(jī)制傲隶。隨著js 標(biāo)準(zhǔn)的發(fā)展饺律,事件處理也已經(jīng)趨于標(biāo)準(zhǔn)。 LWC 組件支持單項數(shù)據(jù)響應(yīng)流程跺株,而 aura 則是支持雙向复濒。這個 unit 還把發(fā)布/訂閱方式的事件加入到 LWC 中,供組件間交換數(shù)據(jù)乒省。很酷不是嗎巧颈?
寫到最后
困的不行了,碼字守夜先到這里袖扛。明顯我的這篇文字也是虎頭蛇尾砸泛,豬年合家快樂健康。
LWC 系列文章
- Salesforce 未來最有錢途的閃電(Lightning)開發(fā)組件 LWC (Lightning Web Component) 導(dǎo)讀
- Trailhead 官方 LWC trailmix 解讀之 Quick Start: Lightning Web Components
- Trailhead 官方 LWC trailmix 解讀之 LWC basics
- Trailhead 官方 LWC trailmix 解讀之 Set Up Your Lightning Web Components Developer Tools
- Trailhead 官方 LWC trailmix 解讀之 Lightning Web Components for Aura Developers (純凈版)
- Trailhead 官方 LWC trailmix 解讀之 “熊出沒” APP 搭建