• The following screenshot demonstrate how the extension works with React emitter and Redux emitter plugged in: – – To make the extension work you have to instrument your application.
• In the beginning there was a guard in the emitters that makes sure that events are sent only if the extension is installed.
• However, this technique involves the content script of the extension to inject some stuff on the page which was fragile and buggy.
• So, for the time being you have to guard the emitters.
• Once you load the app the integrated emitters start calling .

@amcdnl: Kick-ass browser extension to debug #Angular #Vue #ReactJS #Reduxjs #Mobx –

Kuker React, Angular, Vue & Vuex, Redux, redux-saga, HTML, Stent, Machina.js, MobX

You want your framework listed here? Check out the Emitters section and learn how to integrate it with Kuker.

Install the extension from Chrome Web Store.

Instrument your app so it sends messages

Tracking of application state and its mutations

Filtering of events/actions and focusing on specific portion of the application state

Monitoring for changes in a specific portion of the state

Filtering of event sources

Clearing all the events or adding a red flag so you know which are the new ones

If you build software you probably know that debugging what you just wrote is really important. Without seeing how your code works on a lower level you can’t say that something is done. Finding and fixing bugs is also important. And without a proper tool it becomes difficult and time consuming. Kuker is here to help by improving your workflow.

I’m working with React, Redux and redux-saga last years and they seem to have pretty active community. Community that built awesome tools which improve the developer experience. One of these tools is Redux-DevTools. I got lots of ideas from there and my goal in the beginning was to write (for fun) a clone with a little bit more features. Stuff which I wanted to see. However, later I realized that this may be…