Wir schreiben unsere eigene CLI zum Generieren einer React-Komponente oder vielleicht nicht nur einer Komponente, sondern vielleicht auch nicht nur React

Hallo!

In diesem Artikel möchte ich Ihnen erzählen, wie es dazu kam, dass ich meine eigene CLI schreiben musste, um React-Komponenten zu generieren , obwohl es viele vorgefertigte Lösungen gibt.

Wofür ist das alles?

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

?

Die CLI heißt reactcci und ist in npm und Garn verfügbar. Sie müssen nichts konfigurieren, um sie auszuprobieren. Unter dem Kaugummi gibt es bereits eine vorgefertigte Konfiguration, mit der Sie eine Komponente mit CSS-Modulen und -Tests generieren können. Wenn Sie jedoch etwas optimieren möchten, ist dies auch sehr einfach. Sie rufen an npx rcci --init, beantworten einige Fragen, ändern Vorlagen und Konfigurationen und können so die CLI generieren lassen, was Sie wollen. Und wenn Sie etwas nicht implementieren, können Sie ein Problem auf github öffnen, und ich werde diese Funktion so schnell wie möglich hinzufügen.