Tweet
Tweet

Slide 1

Slide 1 text

SERVER-SIDE RENDERING for any JS Framework

Slide 2

Slide 2 text

WHAT IS SSR? Server-Side Rendering

Slide 3

Slide 3 text

3 THINGS TODAY • Talk about what SSR is and how it works • Talk about our project
 (SSR any SPA and incremental rendering) • Talk you out of using it… (no really)

Slide 4

Slide 4 text

WHY SSR?

Slide 5

Slide 5 text

IS THIS A SOLVED PROBLEM?

Slide 6

Slide 6 text

VOLUNTEERS?

Slide 7

Slide 7 text

SINGLE PAGE APPS

Slide 8

Slide 8 text

VOLUNTEERS?

Slide 9

Slide 9 text

SERVER-SIDE RENDERING

Slide 10

Slide 10 text

SERVER-SIDE RENDERING HTTP2

Slide 11

Slide 11 text

VOLUNTEERS?

Slide 12

Slide 12 text

INCREMENTAL RENDERING

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

VELOCIRENDER

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

HOW’S IT WORK?

Slide 18

Slide 18 text

HOW’S IT WORK? JSDOM

Slide 19

Slide 19 text

EASY HTTP2 PUSH

Slide 20

Slide 20 text

STAND ALONE HTTP(S) MODULE EXPRESS

Slide 21

Slide 21 text

BUT, DON’T USE IT…?

Slide 22

Slide 22 text

NO SEO

Slide 23

Slide 23 text

NO SEO

Slide 24

Slide 24 text

IT SOLVES A VERY
 PARTICULAR PROBLEM

Slide 25

Slide 25 text

DON’T SSR AT ALL…?

Slide 26

Slide 26 text

ARE THERE BETTER OPTIONS?

Slide 27

Slide 27 text

HTTP2
 &
 SERVICE WORKERS

Slide 28

Slide 28 text

HTTP2

Slide 29

Slide 29 text

SERVICE WORKERS

Slide 30

Slide 30 text

SERVICE WORKERS

Slide 31

Slide 31 text

WHY SSR AT ALL…?

Slide 32

Slide 32 text

WHEN YOU CAN JAM?

Slide 33

Slide 33 text

Did you just make this up?

Slide 34

Slide 34 text

&

Slide 35

Slide 35 text

QUICK RECAP • We talked about SSR, the benefits and how it works • We talked about Velocirender, the easiest way to add SSR and incremental rendering to your SPA • We talked about why you most likely shouldn’t be SSR’ing at all!

Slide 36

Slide 36 text

QUESTIONS? SERVER-SIDE RENDERING For any JavaScript Framework @adamlbarrett BigAB