Tambahkan React.js Explorer ke Chrome dengan React Developer Tools

Setiap pengembang web harus sudah tahu tentang yang menakjubkan Alat Pengembang Chrome. Fitur ini adalah dibangun langsung ke Chrome dan itu memungkinkan pengembang periksa halaman dan edit atau hapus elemen langsung dari dalam browser.

Ini sangat kuat dan ini cara terbaik untuk melakukannya perilaku halaman studi seperti latensi, sumber daya halaman, atau untuk menjalankan perintah konsol.

Tim Facebook menciptakan React.js perpustakaan yang abstrak lapisan untuk pengembang frontend menggunakan kembali elemen UI tertentu.

Dan sekarang, dengan Bereaksi Alat Pengembang kamu bisa periksa hierarki elemen ini dan sunting langsung di halaman.

Ini adalah sebuah ekstensi sepenuhnya gratis dan itu dikembangkan oleh orang-orang di Facebook jadi Anda tahu itu kualitas yang baik.

Anda juga bisa mempelajari berbagai keadaan dan jalur pohon objek termasuk elemen mana di atas & di bawah elemen lainnya.

Di bilah sisi, Anda bisa telusuri melalui alat peraga dan negara yang memungkinkan Anda mempelajari perilaku elemen lain di pohon yang sama. Ini sebenarnya adalah plugin hebat untuk pengguna Bereaksi yang lebih baru karena dapat membantu mereka lebih memahami tentang perpustakaan.

Secara alami, ini juga termasuk setiap pendengar acara yang mungkin mengubah status komponen tertentu. Dan itu remah roti di bagian bawah memungkinkan Anda dengan cepat menelusuri elemen induk / anak.

Ini jauh dari alat Bereaksi sempurna. Tapi itu akan membuat pekerjaan Anda jauh lebih mudah saat Anda membangun aplikasi dinamis dari awal.

Nya bersumber sepenuhnya terbuka dengan repo GitHub resmi dikelola oleh Facebook & sering diperbarui.

Anda dapat menginstal ekstensi Chrome ini untuk semua versi Chrome. Atau jika Anda pengguna Firefox, Anda bisa lihat add-on FF yang mendukung FireFox v38 dan lebih tinggi. Sejauh ini saya belum melihat adanya dukungan untuk pengguna Safari / Opera tetapi ini adalah ekstensi open source sehingga ini akan datang dalam waktu dekat.