Hỏi anh em một câu cho vui.
Có ai từng ngồi nhìn cái React app của mình lag mà không hiểu tại sao chưa. Component cứ re-render hoài, mở Profiler lên thì thấy một rừng màu mè, nhìn xong cũng chẳng biết bắt đầu sửa từ đâu. Mình hồi đó toàn rải console.log khắp nơi rồi đoán mò á. Có bữa fix xong chỗ này thì lòi ra memory leak chỗ kia, mà tới lúc lên prod mới phát hiện, đứng hình luôn.
Riết bực quá nên mình tự làm một cái extension cho đỡ khổ, tên React Debugger. Gom hết mấy thứ mình hay phải đi soi rời rạc vào chung một panel: re-render thừa, memory leak, mấy cái anti-pattern, rồi Side Effects với CLS, kèm luôn Redux. Cài bằng npx @nhonh/react-debugger là chạy được liền.
Mà nói thật mình làm theo đúng mấy cái mình từng đau thôi, chưa chắc giống mọi người. Nên hỏi thật:
Lúc app React bị chậm thì anh em debug kiểu gì?
Vẫn console.log?, hay xài Profiler mặc định, hay có tool ruột nào rồi?
Với cái loại bug performance nào làm mọi người tốn thời gian nhất, kiểu fix mãi không dứt ấy?
