Thêm React.js Explorer vào Chrome bằng Công cụ nhà phát triển React

Mọi nhà phát triển web đều phải biết về điều tuyệt vời Công cụ dành cho nhà phát triển Chrome. Tính năng này là được tích hợp ngay trên Chrome và nó cho phép các nhà phát triển kiểm tra trang và chỉnh sửa hoặc loại bỏ các yếu tố ngay từ trong trình duyệt.

Nó cực kỳ mạnh mẽ và đó là cách tốt nhất để nghiên cứu hành vi trang chẳng hạn như độ trễ, tài nguyên trang hoặc để thực thi các lệnh của bàn điều khiển.

Nhóm của Facebook đã tạo ra React.js thư viện trừu tượng hóa một lớp dành cho các nhà phát triển lối vào sử dụng lại các yếu tố UI nhất định.

Và bây giờ, với Công cụ phát triển React bạn có thể kiểm tra các hệ thống phân cấp và chỉnh sửa chúng ngay trên trang.

Đây là một mở rộng hoàn toàn miễn phí và nó được phát triển bởi những người ở Facebook để bạn biết đó là chất lượng tốt.

Bạn cũng có thể nghiên cứu các trạng thái khác nhau và đường đi của cây đối tượng bao gồm các yếu tố nào ở trên & dưới các yếu tố khác.

Trong thanh bên, bạn có thể duyệt qua các đạo cụ và trạng thái cho phép bạn nghiên cứu hành vi của các yếu tố khác trong cùng một cây. Đây thực sự là một plugin tuyệt vời cho người dùng React mới hơn bởi vì nó có thể giúp họ hiểu thêm về thư viện.

Đương nhiên, điều này cũng bao gồm bất kỳ người nghe sự kiện điều đó có thể thay đổi trạng thái của một thành phần nhất định. Và vụn bánh mì ở phía dưới cho phép bạn dễ dàng lướt qua các yếu tố cha / con.

Điều này là xa công cụ React hoàn hảo. Nhưng nó sẽ làm cho công việc của bạn dễ dàng hơn rất nhiều khi bạn xây dựng các ứng dụng động từ đầu.

nó là nguồn mở hoàn toàn với một repo GitHub chính thức được duy trì bởi Facebook và được cập nhật thường xuyên.

Bạn có thể cài đặt tiện ích mở rộng Chrome này cho mọi phiên bản Chrome. Hoặc nếu bạn là người dùng Firefox, bạn có thể kiểm tra bổ trợ FF hỗ trợ FireFox v38 trở lên. Cho đến nay tôi chưa thấy hỗ trợ nào cho người dùng Safari / Opera nhưng đây là một phần mở rộng nguồn mở nên điều này có thể đến trong tương lai gần.