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

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