docs(phase-02): research flexible sets phase
Researched: - Dropset conventions: 20-25% weight reduction per step (HIGH confidence, strength training literature) - React array management: Use filter() for immutable removals (HIGH confidence, official React docs) - Mobile delete UX: Combine inline icons + optional swipe, 48px touch targets (HIGH confidence, WCAG + NN/G) - Lightweight modal: Plain CSS overlay pattern without component library (MEDIUM confidence, verified with community) - Backend set numbering: Recommend frontend renumbering before save to handle gaps (MEDIUM confidence, needs verification) Key deliverables: - Standard Stack: React 18 + plain CSS (no new dependencies) - Architecture Patterns: Dynamic array management, lightweight modal, inline delete with optional confirmation - Don't Hand-Roll: Array mutations (use filter), modal dialog (CSS is simpler than library), set calculations - Common Pitfalls: Set numbering gaps, missing reps defaults, arbitrary weight reductions, last-set deletion - Code Examples: Add/remove sets, dropset calculations, delete patterns with renumbering Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in: