I Pledge My Allegiance

I Pledge My Allegiance

Lets talk about how we make decisions over which framework to use, considering how our internal biases effect our decision

6c8618df1a325d0fb9644ee221086fb7?s=128

Jonathan Fielding

November 18, 2016
Tweet

Transcript

  1. 2.

    A bit about me… • Technical Architect at Beamly •

    Author of ‘Beginning Responsive Design’ • Regular contributor to open source, including SimpleStateManager, Echo.js, CriticalJS, FT’s Polyfill Service, Doccy among many projects
  2. 17.

    These days however, jQuery is bloated and it often leads

    to code that quickly becomes unmaintainable
  3. 29.
  4. 30.
  5. 38.
  6. 39.

    To a developer this means to make choices that fit

    within the constraints of our project
  7. 41.
  8. 44.
  9. 50.

    and when being pragmatic you need to make a decision

    that sits within these constraints
  10. 52.

    Successful developers are those who are able to evaluate all

    potential options and choose the one that is best for the situation
  11. 57.
  12. 58.

    This can manifest itself in both how we search for

    information and how we interpret it
  13. 59.
  14. 62.

    During normal decision making, we tend to weigh a specific

    piece of information more heavily than other factors.
  15. 66.

    If a JavaScript framework is featured regularly on a subreddit

    we regularly visit, when it comes to making a decision we're more likely to recall information on it which will bias our decision
  16. 67.

    To avoid this bias you need to ensure you are

    looking across a bunch of frameworks
  17. 70.
  18. 73.

    See if you could rewrite the article, using the same

    information, to tell a completely different story
  19. 77.

    Clarify your project Evaluate your options Assess the risks Make

    the decision Evaluate your success Implement
  20. 95.
  21. 100.

    Walmart saw for every 1 second decrease in page load

    they had a 2% increase in conversions
  22. 106.

    React AngularJS Backbone Vue.js Polymer Suitable for projects objectives yes

    yes no yes yes Support required devices yes yes yes yes yes Does it support rapidly updating my interface? yes (with redux) yes unknown unknown yes (with redux) How long will it take to implement 2 weeks 1.5 weeks 3 weeks 1.5 weeks 1.5 weeks Own criteria goes here
  23. 115.

    If the framework is open source, you are relying on

    the developers to continue to maintain it
  24. 120.

    React AngularJS Backbone Vue.js Polymer Weighting Suitable for projects objectives

    yes yes no yes yes 30 Support required devices yes yes yes yes yes 20 Does it support rapidly updating my interface? yes (with redux) yes unknown unknown yes (with redux) 10 How long will it take to implement 2 weeks 1.5 weeks 3 weeks 1.5 weeks 1.5 weeks 10 Own criteria goes here
  25. 123.
  26. 125.
  27. 135.
  28. 136.
  29. 137.
  30. 138.

    We can then use these examples to see how code

    is structured for a particular framework
  31. 139.
  32. 140.
  33. 144.

    Next we want to look at how long it takes

    the framework to load the application
  34. 145.
  35. 146.
  36. 147.
  37. 148.
  38. 149.
  39. 150.
  40. 151.
  41. 154.

    By spending time looking at frameworks we can find out

    for ourselves the facts about a framework.
  42. 155.
  43. 161.

    A special thanks goes out to to Charlie Fielding for

    being so patient and watching this talk 100x