how-to-write-component

name	how-to-write-component
description	组件编写指南 - React 组件设计模式、Props类型、状态管理和可复用性
version	0.2.0
status	active
category	frontend
tags	["react","components","patterns"]

how-to-write-component

Overview

组件编写指南 - React 组件设计模式、Props类型、状态管理和可复用性

Category

frontend

When to Use

Trigger when user needs help with how to write component tasks or concepts.

Workflow

1. Understand

• Parse what the user is asking about how to write component
• Identify specific sub-tasks or questions

2. Execute

• Use appropriate tools (exec, web_fetch, browser, read/write) to complete the task
• Reference best practices and patterns from this skill's knowledge domain

3. Deliver

• Format output clearly with code examples where helpful
• Provide rationale and alternatives when applicable
• Default output language: Chinese (可切换英文)

Constraints

• Follow OpenClaw skill conventions
• Handle errors with actionable feedback
• Never expose sensitive data in output

Dependencies

• OpenClaw runtime >= 1.0
• Category-specific tools as needed

Related Skills

• Browse other skills under frontend category
• Use skills-audit to discover available skills