Refactoring & nợ kỹ thuật

Ba mô-đun: (1) refactor từng bước — code sạch dần, test luôn xanh; (2) mô phỏng "lãi" nợ kỹ thuật theo thời gian; (3) chọn phép refactor phù hợp cho đoạn code.

1 · Refactor từng bước — test luôn xanh

Bắt đầu từ một hàm xấu. Bấm "▶ Bước tiếp" để áp lần lượt từng phép refactor. Hành vi không đổi ⇒ dải test luôn xanh sau mỗi bước.

✅ Test: 5/5 xanh Bước 0/4 — code gốc (chưa refactor) 

  

  

    
    
  






  
2 · Lãi nợ kỹ thuật — tốc độ phát triển theo thời gian

  
Kéo slider số tháng. Nếu không trả nợ, mỗi tính năng mất thêm thời gian (lãi tích lũy). Bật "trả nợ tháng 2" để thấy bỏ công refactor sớm giúp tốc độ ổn định.

  

    

      

      
    

    
  

  
  

    Không trả nợ (lãi tăng dần)
    Trả nợ sớm
  

  






  
3 · Nhận diện phép refactor phù hợp

  
Đọc đoạn code, chọn phép refactor nên dùng. Bấm "Câu khác" để đổi đề.