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.

6254dc2b7e4f26b2ab5d05c560834671?s=128

Chris Ball

March 13, 2018
Tweet

Transcript

  1. Boosting Team Productivity with CLIs

  2. Boosting Team Productivity w/ CLIs Portland Yesterday

  3. Boosting Team Productivity w/ CLIs Boston Yesterday

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


    React Native
 GraphQL
 Node / Elixir / Rails Say
  5. Chris Ball cball_

  6. A Familiar Song & Dance

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

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

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

  10. Boosting Team Productivity w/ CLIs 3. Code Review “Can you

    add a test?” “Actually, this is the old way. Check out <file>” … etc
  11. Boilerplates & Starter Kits

  12. Boosting Team Productivity w/ CLIs

  13. Boosting Team Productivity w/ CLIs “To get started, choose from

    one of these 30 options.”
  14. Boosting Team Productivity w/ CLIs You are tied to a

    structure and set of conventions.
  15. Boosting Team Productivity w/ CLIs Someone has to keep things

    up-to-date.
  16. A trend towards Flexible conventions

  17. Boosting Team Productivity w/ CLIs

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

  19. Why?

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

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

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

    devs.
  23. Boosting Team Productivity w/ CLIs Ensure everyone is doing things

    “the new way”.
  24. Boosting Team Productivity w/ CLIs Automation makes devs happy!

  25. How?

  26. Boosting Team Productivity w/ CLIs Use a CLI

  27. Boosting Team Productivity w/ CLIs Use a CLI File /

    folder structure Generate a failing test Create a scaffold for files
  28. Boosting Team Productivity w/ CLIs But, make sure you can

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

  30. Boosting Team Productivity w/ CLIs

  31. Boosting Team Productivity w/ CLIs

  32. Boosting Team Productivity w/ CLIs

  33. Boosting Team Productivity w/ CLIs

  34. Boosting Team Productivity w/ CLIs

  35. Boosting Team Productivity w/ CLIs

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

    love feedback!
  37. Boosting Team Productivity w/ CLIs Or just take these concepts

    and run with them.
  38. Boosting Team Productivity w/ CLIs Your team and your fingers

    will thank you.
  39. Chris Ball cball_ Thanks!