Archify: Chiếc 'Kính Lúp' Soi Code Ngay Trên Browser Giúp Anh Em Khỏi Khóc Thét Khi Onboard Dự Án Mới

Đọc code thằng khác viết (hoặc chính mình viết từ 3 tháng trước) luôn là một trải nghiệm mang tính tâm linh cực cao. Nhiều khi chỉ muốn đập bàn phím vì mớ spaghetti hỗn độn. Hôm nay, tôi khai quật được một món đồ chơi khá xịn xò con bò trên Product Hunt có tên là Archify - một extension giúp anh em "đọc vị" kiến trúc, API và component của một trang web ngay trên trình duyệt mà không cần phải vò đầu bứt tai lội qua hàng tá file source map.

Rốt cuộc thì Archify là cái vẹo gì?

Cha đẻ của dự án này, một pháp sư tên là Salah (@salahxd), vừa cho ra mắt sản phẩm này với một tuyên ngôn nghe rất thấm: "Tôi build Archify vì tôi tin rằng việc hiểu phần mềm giờ còn khó hơn cả việc viết ra nó". Chí lý vcl!

Tóm tắt nhanh cho anh em lười đọc về cơ chế hoạt động của con hàng này:

• Không cần cấu hình rườm rà: Cài extension phát là chạy luôn.
• Bơm script runtime: Nó tự động inject một đoạn script siêu nhẹ vào trang web để quét framework (React, Vue, etc.), nhận diện component và bắt sóng các lệnh gọi API.
• Kết nối API với Component: Điểm bá đạo nhất là nó liên kết trực tiếp API call với tương tác hoặc component kích hoạt nó. Cái này DevTools mặc định của Chrome còn lâu mới làm trực quan được như vậy.
• Chạy local 100%: Không có dữ liệu nào bay về server của tác giả cả. Khỏi lo bị sếp chửi vì lộ source code dự án nhé.

Giang cư mận Product Hunt nói gì về 'kính lúp' này?

Sau khi lên sóng, Archify nhanh chóng bỏ túi gần 200 upvotes và một rổ feedback tích cực từ giới mộ điệu.

Đa số anh em dev đều gật gù cái vụ "local-first". Một đạo hữu chia sẻ: "Tôi cực kỳ tò mò về cách các trang web xịn xò vận hành. Con hàng này đúng là gãi đúng chỗ ngứa, lại còn chạy local nên nghịch phá thoải mái không sợ bay màu data".

Một cao nhân khác lại đặt câu hỏi hóc búa về vấn đề bảo mật và quyền truy cập. Tác giả Salah đã ngay lập tức "khóa mõm" mối hoài nghi bằng cách công bố mã nguồn mở hoàn toàn trên GitHub. Anh em có thể tự do vào soi code, audit xem nó có cài cắm gì bậy bạ không tại repo Salah-XD/archify.

Nhưng drama tấu hài nhất nằm ở phần comment: Giữa lúc anh em đang bàn luận xôm tụ về kỹ thuật, bỗng dưng xuất hiện một vài thành phần "đi lạc" cực kỳ ảo ma. Một ông thì nhảy vào chào mời dịch vụ... mua upvote Product Hunt để buff bẩn cho extension. Chưa hết, một pháp sư Ấn Độ khác lại vào spam cả một bài viết dài dằng dặc để quảng cáo dịch vụ... tư vấn hướng nghiệp tại Jetpur! Đúng là ở đâu có lưu lượng truy cập, ở đó có seeding bất chấp quy luật vũ trụ.

Tóm cái váy lại: Có đáng để cài thử?

Dưới góc nhìn thực dụng của một dev già đã ăn đủ loại hành, tôi đánh giá Archify là một công cụ cực kỳ hữu ích, đặc biệt là trong hai trường hợp:

1. Onboarding dự án mới: Thay vì ngồi mò mẫm đọc tài liệu rác hoặc đọc code chay, bật cái này lên bấm bấm vài cái là biết component nào gọi API nào. Tiết kiệm được khối thời gian để đi pha cafe.
2. Học lỏm thiên hạ: Thấy web đối thủ có tính năng gì hay ho, bật lên soi xem họ tổ chức component và call API thế nào rồi về "vận dụng sáng tạo" vào dự án của mình.

Đặc biệt, vì nó chạy trực tiếp trên browser của các ông, không cần tốn tiền thuê máy chủ hay mua hosting đắt đỏ để chạy thử nghiệm gì cả. Một công cụ mã nguồn mở, nhẹ nhàng, an toàn và thực dụng. Anh em nên cài thử xem có giúp cải thiện tốc độ fix bug hay không nhé!

Nguồn tham khảo: Product Hunt - Archify