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

Boosting Team Productivity with CLIs ⚡️

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.

Chris Ball

March 13, 2018
Tweet

More Decks by Chris Ball

Other Decks in Programming

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 <file>”
    … 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