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
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!