Slide 1

Slide 1 text

A Glimpse of Svelte Denny Pradipta

Slide 2

Slide 2 text

Background

Slide 3

Slide 3 text

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.

Slide 4

Slide 4 text

Main features: ● Less Code ● No Virtual DOM ● Truly Reactive

Slide 5

Slide 5 text

Less Code

Slide 6

Slide 6 text

No Virtual DOM

Slide 7

Slide 7 text

Truly Reactive

Slide 8

Slide 8 text

My experience with Svelte Opinion from a daily React Developer Only tried it a bit though

Slide 9

Slide 9 text

Array Mutations

Slide 10

Slide 10 text

Shorthand Attributes

Slide 11

Slide 11 text

Shorthand Attributes (cont.)

Slide 12

Slide 12 text

Conditional Class

Slide 13

Slide 13 text

Annoying Syntax for DOM Events

Slide 14

Slide 14 text

Annoying Syntax for DOM Events (cont.)

Slide 15

Slide 15 text

Reminds me of Templating Engine

Slide 16

Slide 16 text

Should you move to Svelte now? Things you need to know

Slide 17

Slide 17 text

It’s blazing fast!

Slide 18

Slide 18 text

Small Bundle Size Svelte~37kB React ~320kB

Slide 19

Slide 19 text

It’s still relatively new

Slide 20

Slide 20 text

Job Market

Slide 21

Slide 21 text

“What we know is a drop, What we don’t know is an ocean” - Isaac Newton

Slide 22

Slide 22 text

Thank you