click-path-audit

原文涵盖的主题

• /click-path-audit — 行動フロー監査
• この解決する問題
• 動作方法
• 実行ステップ
• ステップ1：マップ状態ストア
• ステップ2：各タッチポイントを監査

静的コード読み取りが見落とすバグを見つけ：状態相互作用の副作用、順序を付けられた呼び出し間の競合状態、および互いに静かに取り消すハンドラー。 従来のデバッグチェック： 関数が存在しますか？（不足している配線） クラッシュしますか？（ランタイムエラー） 正しいタイプを返しますか？（データフロー） しかし、それはチェックしません： 最終UI状態がボタンラベルが約束したものと一致しますか？ 関数Bが関数Aが行ったばかりをサイレンス的に取り消しますか？ 共有状態（Zustand/Redux/context）に意図した操作をキャンセルする副作用がありますか？ 実例：「新しいメール」ボタンがsetComposeMode(true)を呼び出してからselectThread(null)。両方は個別に機能しました。しかし、selectThreadにはcomposeMode: falseをリセットする副作用がありました。ボタンは何もしなかった。54のバグは体系的なデバッグによって見つかりました — これは見落とされました。 -- 対象領域のすべてのインタラクティブなタッチポイントについて： -- 任意のタッチポイントを監査する前に、すべての状態ストアアクションの副作用マップを構築： これは重要な参照です。「新しいメール」バグはselectThreadがcomposeModeをリセットしていることを知らないと見えなくなりました。 出力形式： 対象領域の各ボタン/トグル/フォーム送信について： 詳細については、ドキュメントを参照してください。