Escrevemos nossa própria CLI para gerar um componente React, ou talvez não apenas um componente, mas talvez não apenas React

Olá!

Neste artigo, quero contar a você como aconteceu que tive que escrever minha própria CLI para gerar componentes React , embora houvesse muitas soluções prontas.

Para que serve tudo isso?

, CLI , , . . . , .

, , - 12- , , - .

, , , .

, , , , .

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

, . , , , .

?

, , CLI :

5. (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, , , , . , , .

?

A CLI é chamada reactcci e está disponível em npm e yarn e você não precisa ajustá-la para experimentá-la. Sob a goma, já existe uma configuração pronta que permite gerar um componente com módulos CSS e testes, mas se você quiser ajustar algo, também é muito fácil de fazer. Você liga npx rcci --init, responde a algumas perguntas, altera os modelos e as configurações e, assim, pode fazer a CLI gerar o que quiser. E se você não conseguir implementar algo, você pode abrir um problema no github e eu adicionarei esse recurso o mais rápido possível.