Introduction to SvelteJS

Introducing a rather new JavaScript framework that could speedup your web app development, as code get shorter and compact.

Transcript

1. A Glimpse of Svelte Denny Pradipta
2. Background
3. What is Svelte? • Svelte is a tool for building fast web applications created by Rich Harris • Similar to JavaScript frameworks such as React and Vue • Svelte converts your app into ideal JavaScript at build time, rather than interpreting your application code at run time.
4. Main features: • Less Code • No Virtual DOM • Truly Reactive
5. Less Code
6. No Virtual DOM
7. Truly Reactive
8. My experience with Svelte Opinion from a daily React Developer Only tried it a bit though
9. Array Mutations
10. Shorthand Attributes
11. Shorthand Attributes (cont.)
12. Conditional Class
13. Annoying Syntax for DOM Events
14. Annoying Syntax for DOM Events (cont.)
15. Reminds me of Templating Engine
16. Should you move to Svelte now? Things you need to know
17. It’s blazing fast!
18. Small Bundle Size Svelte~37kB React ~320kB
19. It’s still relatively new
20. Job Market
21. “What we know is a drop, What we don’t know is an ocean” - Isaac Newton
22. Thank you