React için Chrome eklentileri

React Developer Tools

React app içerisinde oluşturduğumuz componentleri ve bu componentler üzerine setlenen props ve state’leri görebildiğimiz debug yapabildiğimiz facebook tarafından geliştirilmiş google chrome dev tools üzerinde çalışan bir eklenti. Eklenti ayrıca production build react veya development build react mı kullandığınızı ikon rengi ile göstermekte.

İndirmek için : https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

MobX Developer Tools

React developer tools ile benzer olan mobx state yöneticisi kütüphane için özelleştirilmiş olan başka bir eklenti.

İndirmek için : https://chrome.google.com/webstore/detail/mobx-developer-tools/pfgnfdagidkfgccljigdamigbcnndkod

Apollo Client Developer Tools

Eklenti Apollo entegrasyonu olan projeler için GraphiQL arayüzü sağlamaktadır. Ve proje içerisinde yapılan graphql sorgularını ve dataları göstermektedir.

İndirmek için : https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm

Redux DevTools

Redux kullanan projeler için state değişimlerini debug edebileceğiniz eklenti.

İndirmek için : https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

Başka bir makalede kullandığım diğer chrome eklentilerini de yazacağım.