Choosing Your JavaScript Framework

Don't blink - a new JavaScript framework just came out.

The world of web development is moving fast, and you have to make decisions today on which tools to use. Let’s examine the current state of JavaScript's most popular frameworks: React, Vue and Angular and think about how we make these decisions and what questions we should ask ourselves ...

- What features do they each offer?
- Which are ideal for building large scale apps?
- Which cover everything your business needs for now and the foreseeable future?
- And are these even the right questions to ask?

Let’s find out together.

Transcript

1. Choosing Your Framework
   @john_papa
   John Papa
   Web Developer, Microsoft
   

   View Slide

2. @john_papa
   

   View Slide

3. 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
   

   View Slide

4. Choosing Your Framework
   @john_papa
   John Papa
   Web Developer, Microsoft
   

   View Slide

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

   View Slide

6. @john_papa
   

   View Slide

7. @john_papa
   

   View Slide

8. @john_papa
   Popularity
   Longevity
   Documentation
   

   View Slide

9. @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?
   

   View Slide

10. @john_papa
    

    View Slide

11. @john_papa
    State of JavaScript 2018
    

    View Slide

12. @john_papa
    State of JavaScript 2018
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

17. @john_papa
    Features
    

    View Slide

18. @john_papa
    

    View Slide

19. @john_papa
    ↓
    ↓
    

    View Slide

20. @john_papa
    

    View Slide

21. @john_papa
    TypeScript is growing
    in each
    

    View Slide

22. @john_papa
    

    View Slide

23. @john_papa
    State Management with Redux
    

    View Slide

24. @john_papa
    React’s Redux
    Redux
    

    View Slide

25. @john_papa
    Vue’s Vuex
    Redux
    

    View Slide

26. @john_papa
    Angular’s NgRx-Data
    Redux
    

    View Slide

27. @john_papa
    You can build successful apps
    with each
    

    View Slide

28. @john_papa
    

    View Slide

29. @john_papa
    ?
    ?
    ?
    

    View Slide

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

    View Slide

31. Components
    

    View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. @john_papa
    Which feels best to you?
    

    View Slide

38. @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
    

    View Slide

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

    View Slide

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

    View Slide