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

The five stages of grief - Moving from jQuery to React

78c832ab2ae929b81dd51d953637e083?s=47 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

78c832ab2ae929b81dd51d953637e083?s=128

tara

July 16, 2019
Tweet

Transcript

  1. The five stages of grief Moving from jQuery to React

    Tara Ojo & Sam McTaggart
  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/
  3. Sam McTaggart @wannabefro Tara Ojo @tara_ojo Thank you!

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

  5. @tara_ojo

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

  7. THE 5 STAGES OF GRIEF Denial Anger Bargaining Depression Acceptance

  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
  9. Denial React is just a fad

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

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

  12. In a world with so many competing ideas and products

    vying for our codebase, how do you pick the right one?
  13. SPOILER

  14. You can’t.

  15. DENIAL ES2015 - No framework React Ember

  16. Introducing React club DENIAL

  17. DENIAL The road to learn React By Robin Wieruch

  18. Image © facebook.com

  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.
  20. DENIAL

  21. Anger Why is there HTML in my Javascript

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

  23. ANGER The struggle is real

  24. ANGER

  25. ANGER

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

  27. ANGER

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

    confused
  29. Bargaining Maybe jQuery and React can live together

  30. RUNNING HEADER

  31. BARGAINING

  32. BARGAINING

  33. BARGAINING What does bargaining look like?

  34. BARGAINING

  35. BARGAINING

  36. BARGAINING

  37. Depression I miss the simpler days of the web

  38. DEPRESSION

  39. People are jaded DEPRESSION

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

  41. DEPRESSION Perspective

  42. DEPRESSION Give people time

  43. Acceptance React by default

  44. Image © Lion King

  45. React by default. ACCEPTANCE

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

  47. But, how did we get here? ACCEPTANCE

  48. CELEBRATION

  49. What now? Acceptance isn’t the end

  50. Where are we really? WHAT NOW?

  51. What comes next? WHAT NOW?

  52. Change is hard. WHAT NOW?

  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
  54. WHAT NOW? “The secret of change is to focus all

    of your energy, not on fighting the old, but building the new.“ Socrates
  55. Sam McTaggart @wannabefro Tara Ojo @tara_ojo Thank you!

  56. None