Development Workflow

Complete workflow from new Hook/Component/Util development to deployment. Use when starting new feature development.

toss a8ca443 2 files · 2.3 KB Updated

File contents

Development Workflow Guide

Quick Start

Scaffold → Implementation → Testing → Documentation → Review → Changeset → Merge

Workflow Steps

1. Scaffold

yarn scaffold useNewHook --type h   # Hook
yarn scaffold MyComponent --type c   # Component

2. Implementation

  • Write JSDoc
  • Implement functionality
  • Ensure accurate TypeScript types

3. Testing (100% coverage required)

yarn test:spec
yarn test:coverage
  • SSR testing required
  • Handle edge cases

4. Documentation

  • @description, @param, @returns, @example

5. Review

yarn test          # Full validation
yarn test:type     # Type check
yarn test:lint     # Lint

6. Changeset

yarn changeset
# patch: Bug fix
# minor: New feature
# major: Breaking change

7. Merge

git checkout -b feat/add-use-new-hook
git add . && git commit -m "feat: add useNewHook"
gh pr create

References

  • details.md - Detailed guide

toss/react-simplikit/tree/main/.claude/skills/skill-development-workflow commit a8ca443eb3

Frequently asked questions

npx skillmds@latest add toss/development-workflow