Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The five stages of grief - Moving from jQuery to React

tara
July 16, 2019

The five stages of grief - Moving from jQuery to React

Dear jQuery,

Sometimes people drift apart. We’ve outgrown you and as much as the warmth of your embrace tempts us, we know we need to move on.

Love FutureLearn

Change is inevitable. Regardless of our best intentions, there will come a point where all our carefully laid out technical decisions are made redundant. How we, both as individuals, and as a team approach these changes can make all the difference to the outcome.

We’ll take you through the 5 stages of grief we experienced when moving on from jQuery. How we learned to embrace React, and how we are now living our best lives

tara

July 16, 2019
Tweet

More Decks by tara

Other Decks in Programming

Transcript

  1. The five stages of grief
    Moving from jQuery to React
    Tara Ojo & Sam McTaggart

    View Slide

  2. Why did the child
    component have such great
    self-esteem?
    Because its parent
    kept giving it props
    https://elijahmanor.com/front-end-web-dev-jokes/

    View Slide

  3. Sam McTaggart @wannabefro
    Tara Ojo @tara_ojo
    Thank you!

    View Slide

  4. Sam McTaggart
    Software Engineer
    @wannabefro
    Tara Ojo
    Software Engineer
    @tara_ojo

    View Slide

  5. @tara_ojo

    View Slide

  6. Elisabeth Kübler-Ross
    https://time.com/3946458/kubler-ross-history/
    Five stages of grief
    Kübler-Ross model

    View Slide

  7. THE 5 STAGES OF GRIEF
    Denial

    Anger

    Bargaining

    Depression

    Acceptance

    View Slide

  8. THE 5 STAGES OF GRIEF
    - React by default





    Denial
    Anger
    Bargaining
    Depression
    Acceptance
    - React is just a fad
    - Why is there HTML in my JavaScript
    - Maybe jQuery and React can live together
    - I miss the simpler days of the web

    View Slide

  9. Denial
    React is just a fad

    View Slide

  10. Image ©https://www.coop.co.uk/recipes/pauls-spaghetti-bolognese

    View Slide

  11. Image © https://medium.com/@team_62166/the-meaning-behind-the-names-of-the-major-javascript-frameworks-bc7a0fcc547

    View Slide

  12. In a world with so many
    competing ideas and products
    vying for our codebase, how do
    you pick the right one?

    View Slide

  13. SPOILER

    View Slide

  14. You can’t.

    View Slide

  15. DENIAL
    ES2015 - No framework React Ember

    View Slide

  16. Introducing React club
    DENIAL

    View Slide

  17. DENIAL
    The road to learn React
    By Robin Wieruch

    View Slide

  18. Image © facebook.com

    View Slide

  19. We enjoyed working with it.
    DENIAL
    We felt it would be beneficial for our careers.
    We felt empowered by what it enabled us to do.

    View Slide

  20. DENIAL

    View Slide

  21. Anger
    Why is there HTML in my
    Javascript

    View Slide

  22. Image © https://iwantabitmore.com/beginning-of-the-road/

    View Slide

  23. ANGER
    The struggle is real

    View Slide

  24. ANGER

    View Slide

  25. ANGER

    View Slide

  26. ANGER
    HYPERNOVA
    WEBPACK
    YARN BABEL
    FETCH
    ESLINT
    CLASSNAMES
    JSX
    SSR

    View Slide

  27. ANGER

    View Slide

  28. ANGER
    People are developing slower
    People are frustrated
    People are confused

    View Slide

  29. Bargaining
    Maybe jQuery and React can
    live together

    View Slide

  30. RUNNING HEADER

    View Slide

  31. BARGAINING

    View Slide

  32. BARGAINING

    View Slide

  33. BARGAINING
    What does bargaining look like?

    View Slide

  34. BARGAINING

    View Slide

  35. BARGAINING

    View Slide

  36. BARGAINING

    View Slide

  37. Depression
    I miss the simpler days of the
    web

    View Slide

  38. DEPRESSION

    View Slide

  39. People are jaded
    DEPRESSION

    View Slide

  40. DEPRESSION
    Class components
    Suspense??
    Enzyme
    Hooks
    React testing library

    View Slide

  41. DEPRESSION
    Perspective

    View Slide

  42. DEPRESSION
    Give people time

    View Slide

  43. Acceptance
    React by default

    View Slide

  44. Image © Lion King

    View Slide

  45. React by default.
    ACCEPTANCE

    View Slide

  46. We don’t have to justify writing
    React
    ACCEPTANCE

    View Slide

  47. But, how did we get here?
    ACCEPTANCE

    View Slide

  48. CELEBRATION

    View Slide

  49. What now?
    Acceptance isn’t the end

    View Slide

  50. Where are we really?
    WHAT NOW?

    View Slide

  51. What comes next?
    WHAT NOW?

    View Slide

  52. Change is hard.
    WHAT NOW?

    View Slide

  53. WHAT NOW?
    - Keep celebrating





    Denial
    Anger
    Bargaining
    Depression
    Acceptance
    - There is no right choice
    - Empathise with the team
    - Don’t take the easy way out
    - Give people time

    View Slide

  54. WHAT NOW?
    “The secret of change is to focus all of your energy,
    not on fighting the old, but building the new.“
    Socrates

    View Slide

  55. Sam McTaggart @wannabefro
    Tara Ojo @tara_ojo
    Thank you!

    View Slide

  56. View Slide