Blog Post: How to start automating repetitive coding tasks

component-template-initial.tsx

interface Props {
  children?: React.ReactNode;
}

export function {{pascalCase name}} ({ children }: Props) {
  return (
    <div>
      {children}
    </div>
  );
};

plopfile-initial.js

const generators = (plop) => {
  plop.setGenerator("component", {
    description: "Create a component",
    prompts: [
      {
        type: "input",
        name: "name",
        message: "Component name?",
      },
    ],
    actions: [
      {
        type: "add",
        path: "src/components/{{pascalCase name}}.tsx",
        templateFile: "plop-templates/components/Component.js.hbs",
      },
    ],
  });
};

export default generators;