DX: Developer eXperience

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

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