web-dev-qa-db-ja.com

create = react-appを使用して新しいReactコンポーネントを作成する最良の方法

使っています create-react-app。ファイルを足場にするコンポーネントを作成するコマンドはありますか?.

現在、手動でファイルを作成しています。たとえば、コンポーネント名がButtonの場合、コンポーネントフォルダ内にButtonという名前のフォルダを作成してから、Button.jsおよびButton.cssファイル。

Create-react-appを使用してこれを行うCLIコマンドはありますか?これを行う方法があることを知っていますAngular CLIですが、React CLI。

14
phantomCoder

別の方法は、ファイルを手動で作成し、スニペットを使用してコードを生成することです。

たとえば、この JavaScript/React VSコード拡張 を見てください。独自のスニペットを作成したり、興味がある場合は他の拡張機能を見つけることもできます。

2
Pouria

これには https://www.npmjs.com/package/generate-react-component を使用できます。

これは、機能コンポーネントおよびクラスコンポーネントとしても知られる、ステートおよびステートレスコンポーネントの作成に役立ちます。

1
Viraj