Boosting Team Productivity with CLIs ⚡️

How many times have you created files manually in a JavaScript project? It’s a lot of repetitive busy work. Perhaps your team is working in React and uses a feature-based folder structure. To create a new component, you need to create a folder, index, component, and style file. Don’t forget to add a test!

We’ll look at how to reduce this type of repetitive work by leveraging a CLI to generate files in a predictable, yet customizable way. Watch your team’s productivity skyrocket by embracing a cornerstone of developer happiness — automation.

Transcript

1. Boosting Team
   Productivity with CLIs
   

   View Slide

2. Boosting Team Productivity w/ CLIs
   Portland Yesterday
   

   View Slide

3. Boosting Team Productivity w/ CLIs
   Boston Yesterday
   

   View Slide

4. Chris Ball
   cball_
   If you want to work with:
   React

   React Native

   GraphQL

   Node / Elixir / Rails
   Say
   

   View Slide

5. Chris Ball
   cball_
   

   View Slide

6. A Familiar
   Song & Dance
   

   View Slide

7. Boosting Team Productivity w/ CLIs
   “Let’s make a new
   component”
   

   View Slide

8. Boosting Team Productivity w/ CLIs
   1. Manually create files.
   

   View Slide

9. Boosting Team Productivity w/ CLIs
   2. Copy and Paste
   

   View Slide

10. Boosting Team Productivity w/ CLIs
    3. Code Review
    “Can you add a test?”
    “Actually, this is the old way.
    Check out ”
    … etc
    

    View Slide

11. Boilerplates
    &
    Starter Kits
    

    View Slide

12. Boosting Team Productivity w/ CLIs
    

    View Slide

13. Boosting Team Productivity w/ CLIs
    “To get started, choose from
    one of these 30 options.”
    

    View Slide

14. Boosting Team Productivity w/ CLIs
    You are tied to a structure
    and set of conventions.
    

    View Slide

15. Boosting Team Productivity w/ CLIs
    Someone has to keep
    things up-to-date.
    

    View Slide

16. A trend towards
    Flexible conventions
    

    View Slide

17. Boosting Team Productivity w/ CLIs
    

    View Slide

18. Boosting Team Productivity w/ CLIs
    Create conventions
    for your team.
    

    View Slide

19. Why?
    

    View Slide

20. Boosting Team Productivity w/ CLIs
    No wasting time
    on trivial decisions.
    

    View Slide

21. Boosting Team Productivity w/ CLIs
    No copy paste.
    

    View Slide

22. Boosting Team Productivity w/ CLIs
    Easy on boarding for

    new devs.
    

    View Slide

23. Boosting Team Productivity w/ CLIs
    Ensure everyone is doing
    things “the new way”.
    

    View Slide

24. Boosting Team Productivity w/ CLIs
    Automation makes
    devs happy!
    

    View Slide

25. How?
    

    View Slide

26. Boosting Team Productivity w/ CLIs
    Use a CLI
    

    View Slide

27. Boosting Team Productivity w/ CLIs
    Use a CLI
    File / folder structure
    Generate a failing test
    Create a scaffold for files
    

    View Slide

28. Boosting Team Productivity w/ CLIs
    But, make sure
    you can customize it.
    

    View Slide

29. Boosting Team Productivity w/ CLIs
    Here’s what we do:
    

    View Slide

30. Boosting Team Productivity w/ CLIs
    

    View Slide

31. Boosting Team Productivity w/ CLIs
    

    View Slide

32. Boosting Team Productivity w/ CLIs
    

    View Slide

33. Boosting Team Productivity w/ CLIs
    

    View Slide

34. Boosting Team Productivity w/ CLIs
    

    View Slide

35. Boosting Team Productivity w/ CLIs
    

    View Slide

36. Boosting Team Productivity w/ CLIs
    Give it a go, I’d love
    feedback!
    

    View Slide

37. Boosting Team Productivity w/ CLIs
    Or just take these
    concepts and run with
    them.
    

    View Slide

38. Boosting Team Productivity w/ CLIs
    Your team and your
    fingers will thank you.
    

    View Slide

39. Chris Ball
    cball_
    Thanks!
    

    View Slide