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

DX: Developer eXperience

DX: Developer eXperience

DX is not only for your favorite framework! It can be applied in your project!

Olivier Dolbeau

May 21, 2019
Tweet

More Decks by Olivier Dolbeau

Other Decks in Programming

Transcript

  1. DX: Developer eXperience
    AFUP Paris mai @The Coding Machine

    View Slide

  2. What’s DX?
    DX = Developer eXperience
    Goal:
    Increase developpers’s happiness.

    View Slide

  3. DX & Symfony

    View Slide

  4. DX & Symfony
    Label created on June 2014.

    View Slide

  5. Debug bar! <3

    View Slide

  6. Profiler

    View Slide

  7. Flex

    View Slide

  8. MakerBundle

    View Slide

  9. Symfony Local Web Server

    View Slide

  10. Debug component

    View Slide

  11. Useful commands

    View Slide

  12. More, more, more!
    ● Filter Results in the Web Profiler
    ● Allow to Check for Security Even in Pages
    not Covered by Firewalls
    ● Added a Logout Shortcut in the Toolbar
    ● Show Priorities When Debugging Events
    ● Recursive Directory Loading for
    Configuration and Routing
    ● Simpler Security Voters
    ● New service to simplify password
    encoding
    ● Bootstrap form theme
    ● [VarDumper] expand all items of an array
    ● Make debugging typos in tags easier
    ● [DI] Have a better DX for excluded
    resources
    ● [Messenger] Better error messages when
    transport is not supported
    ● Improve the way exceptions are listed in
    the error page
    ● ...

    View Slide

  13. STOP PUB!

    View Slide

  14. DX in my project

    View Slide

  15. Contextual information
    Can be so useful...

    View Slide

  16. Quick & simple!

    View Slide

  17. Payment form
    You also have one on your website right?

    View Slide

  18. Payment form

    View Slide

  19. View Slide

  20. Just copy / past credit cards & promotion codes!

    View Slide

  21. Copy / pasting is great! <3

    View Slide

  22. Need more cards? Just click!

    View Slide

  23. Copy / pasting is great! <3

    View Slide

  24. Login / registration
    Cause you’ll always use this feature!

    View Slide

  25. A lot of links!!

    View Slide

  26. Just click to login!

    View Slide

  27. Just click to register!

    View Slide

  28. Easy referral!

    View Slide

  29. Referral done!

    View Slide

  30. SEO help
    SEO is boring, let’s help ourselves!

    View Slide

  31. OK, this page is indexed.

    View Slide

  32. This one is not indexed!

    View Slide

  33. No information...

    View Slide

  34. Everything looks great!

    View Slide

  35. Dump all the things!
    Yes, I have dump() calls in prod
    It’s (almost) a joke

    View Slide

  36. Subscription page in dashboard

    View Slide

  37. Yes, that’s dump() calls!

    View Slide

  38. Let’s see some code!

    View Slide

  39. Somewhere at the end of my layout.

    View Slide

  40. _dev_tools/main.html.twig

    View Slide

  41. _dev_tools/main.html.twig

    View Slide

  42. _dev_tools/main.html.twig

    View Slide

  43. Cards & promotion codes

    View Slide

  44. A few lines of sass...

    View Slide

  45. That’s enough!

    View Slide

  46. You want a conclusion?

    View Slide

  47. Help yourself!

    View Slide

  48. Thanks a lot!

    View Slide