$ loading_
为 TypeScript、JavaScript、React 与 Node.js 提供统一编码规范与最佳实践建议
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "coding-standards" 技能: 1. 下载 https://raw.githubusercontent.com/affaan-m/ECC/main/docs/tr/skills/coding-standards/SKILL.md 2. 保存为 ~/.claude/skills/coding-standards/SKILL.md 3. 装好后重载技能,告诉我可以用了
请为一个使用 TypeScript 和 React 的前端团队制定一套编码规范,覆盖命名、组件拆分、状态管理、错误处理、目录结构和代码审查要点,并给出示例。
一份结构化的前端编码规范文档,包含规则说明、推荐做法与示例代码。
请为 Node.js 后端项目整理统一的开发规范,包含 API 设计、异步处理、日志记录、异常处理、配置管理、安全注意事项和文件组织方式。
一份适用于后端团队的编码与架构规范清单,可直接用于项目约定。
我会提供一段 JavaScript 或 TypeScript 代码,请按照现代最佳实践检查是否存在命名不一致、可读性差、重复逻辑、潜在 bug 或 React 反模式,并给出修改建议。
一份面向代码评审的反馈,指出问题、解释原因,并给出可执行的优化建议。
Tüm projelerde uygulanabilir evrensel kodlama standartları.
// PASS: İYİ: Açıklayıcı isimler
const marketSearchQuery = 'election'
const isUserAuthenticated = true
const totalRevenue = 1000
// FAIL: KÖTÜ: Belirsiz isimler
const q = 'election'
const flag = true
const x = 1000
// PASS: İYİ: Fiil-isim kalıbı
async function fetchMarketData(marketId: string) { }
function calculateSimilarity(a: number[], b: number[]) { }
function isValidEmail(email: string): boolean { }
// FAIL: KÖTÜ: Belirsiz veya sadece isim
async function market(id: string) { }
function similarity(a, b) { }
function email(e) { }
// PASS: HER ZAMAN spread operatörü kullanın
const updatedUser = {
...user,
name: 'New Name'
}
const updatedArray = [...items, newItem]
// FAIL: ASLA doğrudan mutasyon yapmayın
user.name = 'New Name' // KÖTÜ
items.push(newItem) // KÖTÜ
// PASS: İYİ: Kapsamlı hata yönetimi
async function fetchData(url: string) {
try {
const response = await fetch(url)
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`)
}
return await response.json()
} catch (error) {
console.error('Fetch failed:', error)
throw new Error('Failed to fetch data')
}
}
// FAIL: KÖTÜ: Hata yönetimi yok
async function fetchData(url) {
const response = await fetch(url)
return response.json()
}
// PASS: İYİ: Mümkün olduğunda paralel yürütme
const [users, markets, stats] = await Promise.all([
fetchUsers(),
fetchMarkets(),
fetchStats()
])
// FAIL: KÖTÜ: Gereksiz yere sıralı
const users = await fetchUsers()
const markets = await fetchMarkets()
const stats = await fetchStats()
// PASS: İYİ: Doğru tipler
interface Market {
id: string
name: string
status: 'active' | 'resolved' | 'closed'
created_at: Date
}
function getMarket(id: string): Promise<Market> {
// Implementation
}
// FAIL: KÖTÜ: 'any' kullanımı
function getMarket(id: any): Promise<any> {
// Implementation
}
// PASS: İYİ: Tiplerle fonksiyonel bileşen
interface ButtonProps {
children: React.ReactNode
onClick: () => void
disabled?: boolean
variant?: 'primary' | 'secondary'
}
export function Button({
children,
onClick,
disabled = false,
variant = 'primary'
}: ButtonProps) {
return (
<button
onClick={onClick}
disabled={disabled}
className={`btn btn-${variant}`}
…
通过双评审智能体对结果进行对抗式校验,提升输出发布前的可靠性