Intro to lwc - dev week slides
0 likes125 views
Introducing Lightning Web Components provides enhanced productivity by using modern web standards like ES6+, Custom Elements, and Shadow DOM for better performance with more code executed by the browser instead of JavaScript abstractions. They are compatible and easy to use, running alongside existing Lightning components and able to be composed with clicks or code. With the general availability in Spring '19, Lightning Web Components introduce a new programming model built on modern web standards for a standardized component model with transferable skills, easier development, and better performance while coexisting and interoperating with Aura.
Intro to lwc - dev week slides
- 1. Introducing Lightning Web Components
- 2. Enhanced productivity Use the modern language of the web: ES6+, Custom Elements, and Shadow DOM Built for performance More code executed by the browser instead of JavaScript abstractions for a blazing fast experience Compatible and easy to use Runs side-by-side with existing Lightning components and can be composed with clicks or code Introducing Lightning Web Components Generally Available Spring ‘19 (Feb) New programming model built on modern web standards
- 4. Fragmentation ● Proliferation of frameworks ● Components are not interoperable ● Skills are not transferable ● Resources are hard to find ● Framework abstractions are slow
- 5. W3C and ECMAScript Standardization ● ECMAScript 6,7,8,9 ● Classes ● Modules ● Promises ● Decorators ● Web components ● Custom elements ● Shadow DOM ● Templates and slots
- 8. Benefits ● More standards, less proprietary ● Common component model ● Transferable skills ● Easier-to-find / easier-to-ramp-up developers ● Better performance
- 10. Summary 1. Game changing web standards 2. Performance 3. Coexist and interoperate with Aura
- 11. Demo Time! Video link: https://youtu.be/HbIW6EU5rpI Video link: https://youtu.be/X1Teuc-QFkc Video link: https://youtu.be/p268YjunARA
- 12. Lightning Web Components Pop Quiz!
- 13. Quiz: Lightning Web Components 1. Where should you put your template markup in a Lightning web component bundle? a. The HTML file 2. How does the @track decorator affect a JavaScript property? a. It makes the property reactive, so when the value of a property changes it will re-render in the HTML 3. What tool do you use to create a Lightning web component bundle? a. The Salesforce CLI 4. What does the (cacheable=true) Apex annotation mean? a. It allows the platform to create and manage a client-side cache for any data returned by Apex.
- 14. Get Hands On with a Trailmix! sforce.co/LWC