Developer Experience: How happy are your engineers?

With the complex tooling in the JavaScript ecosystem, different frameworks, CSS styles, different paradigms in architecture, mono repo, dependency management etc., every decision adds bits and pieces to your developer experience. When you have many engineers working together on a product or app, your engineers’ happiness is key to success. With the proper tooling, faster pipelines and a local environment, they can perform well and deliver fast!

This talk focuses on how to improve your developer experience and keep your team happy. It focuses on the complexity of front-end development tools, the ecosystem, and the culture you build and run it. I’ll discuss

- The setting up the build systems, decision on which choice can be right for you
- How different approaches can add/remove complexity to your work, e.g. decision on a mono repo, micro-frontends
- Testing tools, pipeline runs, code analysis
- From starting a fresh project to transforming it into a complex one, in each step, integrate how the developer experience can suffer from it and what are the options to prevent it.

Transcript

1. DEVELOPER EXPERIENCE HOW HAPPY ARE YOUR ENGINEERS?
2. 25.04.22 In old times we were just coding! 2 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON <html/>
3. 25.04.22 Uploading files via FTP 3 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON <html/>
4. 25.04.22 Then we invented things to code better! 4 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
5. 25.04.22 Tools to make our ecosystem better… 5 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
6. 25.04.22 All these came with good and complexity! 6 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON Cognitive Load
7. 25.04.22 In every step, we started to think about what to use… 7 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON Cognitive Load
8. 25.04.22 Let’s start from the beginning 8 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON Big Bang
9. 25.04.22 Developer experience (DX) focuses on engineers’ daily life at work 9 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
10. 25.04.22 DX focuses on engineers’ daily life after work 10 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
11. 25.04.22 DX is a part of the engineering culture 11 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
12. 25.04.22 It starts with the interview process! 12 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
13. 25.04.22 You give hints about daily life during the interview 13 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
14. 25.04.22 Developer Experience continues during the onboarding 14 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
15. 25.04.22 How quickly does a new joiner start contributing? 15 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
16. 25.04.22 How do you store your code, where do you code? 16 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
17. 25.04.22 Think about your local env, how complex is the setup? 17 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
18. 25.04.22 What about your scripting, and dev tooling? 18 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
19. 25.04.22 How maintainable is your code? 19 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
20. 25.04.22 How do you handle tech debt? 20 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
21. 25.04.22 The team size in your engineering affects your DX 21 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
22. 25.04.22 Word of mouth is enough for small teams of 5-10 engineers 22 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
23. 25.04.22 You need to have a communication plan for more… 23 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
24. 25.04.22 24 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
25. 25.04.22 To solve those problems, some teams create automation scripts 25 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
26. 25.04.22 Others provide everything is included virtual machines. 26 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
27. 25.04.22 Or using the codespaces to share standardized dev env… 27 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
28. 25.04.22 Is there a dedicated team for all DX? 28 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
29. 25.04.22 A dedicated team looks for improvements and plans the changes. 29 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
30. 25.04.22 Let’s talk about your pipelines! How long does it take to deploy? 30 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
31. 25.04.22 31 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON Pipeline Duration 0 20 40 60 80 Start of the app 6 Months 1 Year 2 Years 3 Years
32. 25.04.22 How easy to find a pipeline error? 32 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
33. 25.04.22 There is a bug in production!!! 33 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
34. 25.04.22 How quick can you detect this bug? 34 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
35. 25.04.22 How quick can you fix this bug? 35 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
36. 25.04.22 Have you documented all those things we discussed so far? 36 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
37. 25.04.22 DX is everything to provide a better daily process for engineers 37 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
38. 25.04.22 DX is a live process, that needs to adapt, adjust 38 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
39. 25.04.22 Every eng org and app is unique, thus they need a unique developer experience 39 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
40. QUESTIONS? @BCINARLI
41. THANK YOU @BCINARLI