$30 off During Our Annual Pro Sale. View Details »

Developer Experience: How happy are your engineers?

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. DEVELOPER
    EXPERIENCE
    HOW HAPPY ARE YOUR ENGINEERS?

    View Slide

  2. 25.04.22
    In old times we were just
    coding!
    2
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

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

    View Slide

  4. 25.04.22
    Then we invented things to
    code better!
    4
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  8. 25.04.22
    Let’s start from the beginning
    8
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON
    Big Bang

    View Slide

  9. 25.04.22
    Developer experience (DX)
    focuses on engineers’ daily
    life at work
    9
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  14. 25.04.22
    Developer Experience continues
    during the onboarding
    14
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  23. 25.04.22
    You need to have a
    communication plan for more…
    23
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

  24. 25.04.22 24
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  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

    View Slide

  32. 25.04.22
    How easy to find a pipeline
    error?
    32
    DEVELOPER EXPERIENCE: HOW HAPPY ARE YOUR ENGINEERS?
    @BCINARLI / #IJSCON

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

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

    View Slide

  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

    View Slide

  40. QUESTIONS?
    @BCINARLI

    View Slide

  41. THANK YOU
    @BCINARLI

    View Slide