50 tiếng chỉ để... vẽ một cái biểu đồ đường: Trầm cảm hay sự cố chấp của dân dev?

Anh em ạ, hôm nay lang thang hít hà drama trên Hacker News, tôi vấp ngay phải một bài viết có cái tít đọc xong chỉ muốn nhổn làm: "I spent 50 hours drawing a line graph" (Tôi dành 50 tiếng để vẽ một cái biểu đồ đường).

Ban đầu tôi kiểu: "Cái đ*o gì cơ? 50 tiếng? Bằng mọe nó thời gian tao code xong cả cái MVP đem đi lùa gà rồi đấy!". Nhưng anh em biết mà, tò mò thì chết mèo, tôi phải click vào xem rốt cuộc pháp sư nào rảnh rỗi sinh nông nổi đến thế.

Rốt cuộc chuyện quái gì đã ngốn 50 giờ cuộc đời?

Tóm tắt nhanh cho anh em lười đọc, tác giả bài viết là Doug MacDowell. Lão này đang làm một cái side project, và cần một cái biểu đồ đường (Line Graph) để hiển thị dữ liệu. Ở thế giới bình thường, anh em mình sẽ làm gì? Bật npm lên, gõ npm install chart.js hoặc xài hàng ăn liền như Recharts, Highcharts, múa phím cỡ 15 phút là xong, đóng máy đi uống bia.

Nhưng không! Trưởng lão Doug nhà ta chê! Lão cảm thấy mấy cái thư viện có sẵn nó "cồng kềnh", "không đúng ý", hoặc bẻ layout không mượt. Thế là bằng một niềm tin mãnh liệt nào đó, lão quyết định tự build cái biểu đồ từ con số 0 bằng SVG và React.

Và thế là bi kịch bắt đầu. Vẽ cái đường thì dễ, nhưng để scale cái trục X, trục Y cho chuẩn chỉ? Toang. Rồi làm cái tooltip khi di chuột vào sao cho nó không bị nhảy lung tung? Bể layout. Rồi còn phải tính toán độ cong của đường, responsive cho mobile các thứ. Từng cái edge case (trường hợp dị) thi nhau cắn RAM và cắn luôn cả sự kiên nhẫn của lão. Ngoảnh đi ngoảnh lại, đồng hồ điểm 50 tiếng. Lạy hồn!

Giang cư mận chia phe combat

Quả bài này lên top Hacker News với hơn 600 points, và phần comment thì đúng kiểu một cái chợ công nghệ. Đủ mọi tầng lớp dev nhảy vào mổ xẻ:

• Phe thực dụng (Giao mõm): "Bro à, ông bị hâm sao? Chart.js sinh ra để làm gì? Trừ khi ông đang làm việc cho NASA cần độ chính xác tới từng pixel, chứ 50 tiếng cho cái biểu đồ thì sếp tôi đuổi việc tôi từ ngày thứ hai rồi."
• Phe đồng cảm (Những kẻ từng khổ dâm): "Tôi hiểu cảm giác này bro ơi. Cứ nghĩ tự làm là nhanh, ai ngờ chìm mẹ vào cái hố đen D3.js với SVG. Từng bỏ 2 tuần chỉ để làm cái custom drag-drop, thề đ*o bao giờ lặp lại."
• Phe châm biếm: "Rất ma giáo! Ít ra ông còn có bài blog để flex, chứ 50 tiếng của tôi thường bay vào việc ngồi nhìn màn hình trắng xóa vì quên start server."

Góc nhìn từ Coding4Food: Đừng lấy bánh xe ra phát minh lại... trừ khi bạn rảnh

Chốt hạ lại, câu chuyện 50 tiếng này là một minh chứng hùng hồn cho cái bẫy "Tự làm cho xịn" mà ông dev nào cũng từng dính ít nhất một lần.

Bài học xương máu:

1. Business Value (Giá trị thực tế): Khách hàng/User họ đ*o quan tâm ông code bằng thư viện hay code tay bằng SVG. Họ chỉ cần thấy cái biểu đồ hiện lên nhanh và đúng. Thời gian là tiền bạc.
2. Tối ưu hóa sớm là nguồn gốc của mọi tội lỗi: Cứ xài đồ có sẵn đi, khi nào nó thực sự nghẽn cổ chai hoặc không đáp ứng nổi requirement thì hẵng đập đi xây lại.

Tuy nhiên, nói đi cũng phải nói lại, nhờ những pha "cố chấp" như vầy mà kỹ năng của chúng ta mới lên trình được. 50 tiếng đó tuy lỗ về mặt kinh tế, nhưng lãi về mặt kiến thức (và lãi được thêm quả bài top Hacker News, buff CV xịn xò con bò).

Nếu anh em nào cũng đam mê môn thể thao mạo hiểm này, lỡ có code ra một cái hệ thống hoành tráng thì nhớ thuê con vps mà host cho tử tế nhé, đừng vứt xó uổng công.

---

Nguồn hóng hớt: Hacker News | Bài gốc của Doug