Receber por email
← Voltar para o catálogo

react-refactor-component

Refactor React components to follow project conventions. Use when reorganizing, splitting, or cleaning up existing React component files.

3estrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: Apache-2.0

Como adicionar

/plugin marketplace add ncaq/konoka

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/react-refactor-component/svg)](https://www.skillteca.com.br/skills/react-refactor-component)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Reactコンポーネントリファクタリング

指示されたReactコンポーネントを、 react-component-conventionスキルで定めるルールに沿ってリファクタリングします。

使い方

/react-refactor-component <ファイルパス または コンポーネント名>

$ARGUMENTSで指定されたコンポーネントと、 その周辺で同じファイルに同居している関連コンポーネントを読み取り、 ルール違反を検出してリファクタリングを行います。 $ARGUMENTSが省略された場合は、 IDEで開いているファイル/ユーザーが直前に話題にしたコンポーネントを対象とします。

ワークフロー

対象を読む

$ARGUMENTSで指定されたコンポーネントファイルをReadで開きます。 ファイル名から責務がわからない場合は、import元の使用箇所もあわせて確認します。

違反項目を洗い出す

以下のチェックリストでコードを点検し、違反箇所を列挙します。

  • [ ] 構造順序: import → デザ

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn