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

Developer Experience: How happy are your engine...

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.

Bilal Çınarlı

April 25, 2022
Tweet

More Decks by Bilal Çınarlı

Other Decks in Programming

Transcript

  1. 25.04.22 In old times we were just coding! 2 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON <html/>
  2. 25.04.22 Uploading files via FTP 3 DEVELOPER EXPERIENCE: HOW HAPPY

    ARE YOUR ENGINEERS? @BCINARLI / #IJSCON <html/>
  3. 25.04.22 Then we invented things to code better! 4 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  4. 25.04.22 Tools to make our ecosystem better… 5 DEVELOPER EXPERIENCE:

    HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  5. 25.04.22 All these came with good and complexity! 6 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON Cognitive Load
  6. 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
  7. 25.04.22 Let’s start from the beginning 8 DEVELOPER EXPERIENCE: HOW

    HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON Big Bang
  8. 25.04.22 Developer experience (DX) focuses on engineers’ daily life at

    work 9 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  9. 25.04.22 DX focuses on engineers’ daily life after work 10

    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  10. 25.04.22 DX is a part of the engineering culture 11

    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  11. 25.04.22 It starts with the interview process! 12 DEVELOPER EXPERIENCE:

    HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  12. 25.04.22 You give hints about daily life during the interview

    13 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  13. 25.04.22 How quickly does a new joiner start contributing? 15

    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  14. 25.04.22 How do you store your code, where do you

    code? 16 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  15. 25.04.22 Think about your local env, how complex is the

    setup? 17 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  16. 25.04.22 What about your scripting, and dev tooling? 18 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  17. 25.04.22 How maintainable is your code? 19 DEVELOPER EXPERIENCE: HOW

    HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  18. 25.04.22 How do you handle tech debt? 20 DEVELOPER EXPERIENCE:

    HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  19. 25.04.22 The team size in your engineering affects your DX

    21 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  20. 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
  21. 25.04.22 You need to have a communication plan for more…

    23 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  22. 25.04.22 To solve those problems, some teams create automation scripts

    25 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  23. 25.04.22 Others provide everything is included virtual machines. 26 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  24. 25.04.22 Or using the codespaces to share standardized dev env…

    27 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  25. 25.04.22 Is there a dedicated team for all DX? 28

    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  26. 25.04.22 A dedicated team looks for improvements and plans the

    changes. 29 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  27. 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
  28. 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
  29. 25.04.22 How easy to find a pipeline error? 32 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  30. 25.04.22 There is a bug in production!!! 33 DEVELOPER EXPERIENCE:

    HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  31. 25.04.22 How quick can you detect this bug? 34 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  32. 25.04.22 How quick can you fix this bug? 35 DEVELOPER

    EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  33. 25.04.22 Have you documented all those things we discussed so

    far? 36 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  34. 25.04.22 DX is everything to provide a better daily process

    for engineers 37 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  35. 25.04.22 DX is a live process, that needs to adapt,

    adjust 38 DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS? @BCINARLI / #IJSCON
  36. 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