Svelte
- 1. Presented by | Udith Indrakantha | SE Intern @ Geveo Australasia
- 2. Introduction High level Comparison with A, R, V History of Svelte What is Svelte? Features of Svelte Lifecycle Hooks Store with a Demo Drawbacks of Svelte Demo Conclusion
- 4. A High-Level Comparison with Other Frameworks >> Repos of the projects Performance 93 80 94 91 No. of Lines 2146 2050 2076 1116 Size 149.3KB 193KB 41.8KB 9.7KB >> For other frameworks
- 5. 29 Nov 2016 19 April 2018 21 April 2019. Rich Harris
- 8. Less Code No Virtual DOM Truly Reactive
- 11. React Code Svelte Code
- 14. >> To example
- 17. onMount(callback: () => void) The onMount function schedules a callback to run as soon as the component has been mounted to the D If the onMount callback returns a function, that function will be called when the component is destroyed.
- 18. onDestroy(callback: () => void) The onDestroy function schedules a callback to run as soon as the component has been destroyed.
- 19. The beforeUpdate function schedules work to happen immediately before the DOM has been updated. afterUpdate is used for running code once the DOM is in sync with your data. * Note that beforeUpdate will first run before the component has mounted
- 20. import { tick } from ‘svelte’; await tick() Unlike other functions, you can call it anytime. Returns a promise that resolves as soon as any pending state changes have been applied to the DOM. >> The example