React Inspector: Dễ dàng Phát hiện mã nguồn các thành phần React từ Chrome
React Inspector là một tiện ích mở rộng miễn phí của Chrome được phát triển bởi hand-dot cho phép nhà phát triển dễ dàng phát hiện mã nguồn của các thành phần React. Chỉ với một phím tắt đơn giản (Ctrl+Shift+X trên Windows hoặc Command+Shift+X trên Mac), người dùng có thể khởi chạy trình kiểm tra và bắt đầu kiểm tra các thành phần React.
Để sử dụng React Inspector, người dùng cần cài đặt React Developer Tools và làm việc với phiên bản phát triển. Tiện ích mở rộng truy cập vào __REACT_DEVTOOLS_GLOBAL_HOOK__ được thiết lập toàn cầu bởi React Devtools và xác định React Fiber trong phần tử HTML mà trình kiểm tra đang di chuột qua. React Fiber chứa thông tin quý giá về mã nguồn, có thể được mở trong trình biên tập để phân tích và phát triển tiếp.
Một trong những tính năng chính của React Inspector là tính linh hoạt. Người dùng có thể tùy chỉnh "Open in Editor URL" từ trang tùy chọn của tiện ích mở rộng, cho phép mở mã nguồn trong trình biên tập mà họ lựa chọn, ngoài VSCode.
