Slide 1

Slide 1 text

Choosing Your Framework @john_papa John Papa Web Developer, Microsoft

Slide 2

Slide 2 text

@john_papa

Slide 3

Slide 3 text

Life is an education. It is learned mostly through what you discover on your own and not through what others tell you @john_papa --Terry Brooks, The Skaar Invasion

Slide 4

Slide 4 text

Choosing Your Framework @john_papa John Papa Web Developer, Microsoft

Slide 5

Slide 5 text

@john_papa Today you can’t lose Our choices weren’t always great

Slide 6

Slide 6 text

@john_papa

Slide 7

Slide 7 text

@john_papa

Slide 8

Slide 8 text

@john_papa Popularity Longevity Documentation

Slide 9

Slide 9 text

@john_papa // Choosing the right framework // starts by asking the right questions if (team.shouldUse(angular) || team.shouldUse(react) || team.shouldUse(vue)) { console.log(‘How do you choose?’); } But where do we look?

Slide 10

Slide 10 text

@john_papa

Slide 11

Slide 11 text

@john_papa State of JavaScript 2018

Slide 12

Slide 12 text

@john_papa State of JavaScript 2018

Slide 13

Slide 13 text

@john_papa React 83.9% Vue 75.4% Angular 34.3% Would use again or would like to learn State of JavaScript 2018

Slide 14

Slide 14 text

@john_papa https://insights.stackoverflow.com/survey/2018/#technology Angular and React, but no Vue? Tools You Use

Slide 15

Slide 15 text

@john_papa https://jpapa.me/js-poll 11,000+ votes – and another answer

Slide 16

Slide 16 text

@john_papa Don’t Make this the Only Data You Process

Slide 17

Slide 17 text

@john_papa Features

Slide 18

Slide 18 text

@john_papa

Slide 19

Slide 19 text

@john_papa ↓ ↓

Slide 20

Slide 20 text

@john_papa

Slide 21

Slide 21 text

@john_papa TypeScript is growing in each

Slide 22

Slide 22 text

@john_papa

Slide 23

Slide 23 text

@john_papa State Management with Redux

Slide 24

Slide 24 text

@john_papa React’s Redux Redux

Slide 25

Slide 25 text

@john_papa Vue’s Vuex Redux

Slide 26

Slide 26 text

@john_papa Angular’s NgRx-Data Redux

Slide 27

Slide 27 text

@john_papa You can build successful apps with each

Slide 28

Slide 28 text

@john_papa

Slide 29

Slide 29 text

@john_papa ? ? ?

Slide 30

Slide 30 text

@john_papa Try each Vue, React, Angular Be OK with all 3 being awesome!

Slide 31

Slide 31 text

Components

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

@john_papa Which feels best to you?

Slide 38

Slide 38 text

@john_papa Life is an education. Terry Brooks, The Skaar Invasion and not through what others It is learned mostly through what you discover on your own tell you

Slide 39

Slide 39 text

@john_papa https://jpapa.me/hero-react https://jpapa.me/hero-angular https://jpapa.me/hero-vue

Slide 40

Slide 40 text

@john_papa Which one feels best to me? Find me in the hallways and we’ll chat