Escribimos nuestra propia CLI para generar un componente de React, o quizás no solo un componente, pero quizás no solo React

¡Hola!



En este artículo, quiero contarles cómo sucedió que tuve que escribir mi propia CLI para generar componentes React , mientras que hay muchas soluciones listas para usar.



Ejemplo



¿Para qué es todo esto?



, CLI , , . . . , .



, , - 12- , , - .



, , , .



, , , , .



, , CLI. , , , , . , IDE.

, . , , , .



?



, , CLI :



  1. (css, scss, less) (ts, tsx, js, jsx)


:



  • ComponentName

    — index.ts ( )

    — ComponentName.tsx ( )

    — ComponentName.module.scss

    — ComponentName.test.tsx ( )

    — ComponentName.stories.tsx ( )


, "" , , , - .



: React , React Native - BFF , , .


?



, fs . — , , CLI. UX, CLI prompts. , . , , Linux, .



- , commander .



?



, , MVP, , . - - . , - . --init. , , , -.



. , . , , Storybook, , , , . , , .



?



La CLI se llama reactcci y está disponible en npm y yarn y no necesita configurar nada para probarlo. Debajo del chicle, ya hay una configuración lista para usar que le permite generar un componente con módulos y pruebas de CSS, pero si desea modificar algo, esto también es muy fácil de hacer. Usted llama npx rcci --init, responde un par de preguntas, cambia las plantillas y la configuración, y así puede hacer que la CLI genere lo que quiera. Y si no puede implementar algo, puede abrir un problema en github y agregaré esta función lo antes posible.




All Articles