Rethinking SPAs - Speaker Deck

Slide 1

Slide 1 text

@dufﬂeit

Slide 2

Slide 2 text

2009 2011 2012 2015 2017 @duﬄeit

Slide 3

Slide 3 text

Project Support Hi David, we are currently considering to migrate our Project from AngularJS to React. As you are ﬂuent in both technologies we were thinking of you to consult us during this project. Do you have capacity? Best, ... @duﬄeit

Slide 4

Slide 4 text

@duﬄeit Do you have capacity? @duﬄeit [email protected] David Leitner Lead Engineer

Slide 5

Slide 5 text

Do you want to consult us during the migration from AngularJS to React? @duﬄeit

Slide 6

Slide 6 text

> 7k Components - 6 People - 2.5 Years @duﬄeit

Slide 7

Slide 7 text

Project Support Hi David, our developers are complaining that we are stuck on version 0.13 of react. We don’t have any clear vision how to migrate to 16. Best, ... @duﬄeit

Slide 8

Slide 8 text

> 10k Components @duﬄeit

Slide 9

Slide 9 text

@duﬄeit

Slide 10

Slide 10 text

@duﬄeit

Slide 11

Slide 11 text

> 10k Components @duﬄeit ReactJS 0.13

Slide 12

Slide 12 text

2009 2011 2012 2015 2017 @duﬄeit

Slide 13

Slide 13 text

Framework X @duﬄeit

Slide 14

Slide 14 text

Framework X @duﬄeit

Slide 15

Slide 15 text

2009 2011 2012 2015 2017 @duﬄeit

Slide 16

Slide 16 text

Frameworks work until you hit the frame. “ @duﬄeit

Slide 17

Slide 17 text

the old stuff, whatever that is the new stuff, whatever that is @duﬄeit

Slide 18

Slide 18 text

1996: Version 4 Technical Debt - Complete Rewrite 2000: Netscape Version 6 @duﬄeit

Slide 19

Slide 19 text

the old tech stack whatever that is the new tech stack, whatever that is @duﬄeit

Slide 20

Slide 20 text

> 10k Components @duﬄeit

Slide 21

Slide 21 text

@duﬄeit

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Component Driven Development Router State management Dependency Injection CLI @duﬄeit

Slide 24

Slide 24 text

@duﬄeit

Slide 25

Slide 25 text

Component Driven Development Router Global State management Dependency Injection CLI @duﬄeit

Slide 26

Slide 26 text

@duﬄeit

Slide 27

Slide 27 text

@duﬄeit

Slide 28

Slide 28 text

Component Driven Development Router Global State management CLI @duﬄeit

Slide 29

Slide 29 text

> 10k Components @duﬄeit

Slide 30

Slide 30 text

@duﬄeit

Slide 31

Slide 31 text

@duﬄeit

Slide 32

Slide 32 text

Framework X @duﬄeit

Slide 33

Slide 33 text

Library A Library B Library C @duﬄeit

Slide 34

Slide 34 text

use the right tool for the job able to evolve with the web platform @duﬄeit

Slide 35

Slide 35 text

Maybe @duﬄeit

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

David Leitner Lead Engineer @duﬄeit