search

open-source-labs / Reactime

Developer tool for time travel debugging and performance monitoring in React applications.
https://www.reacti.me
MIT License
2.17k stars 200 forks source link

differences with redux dev-tools? #167

Closed dcsan closed 4 years ago

dcsan commented 4 years ago

sorry for non-tech issue, but it might improve your install funnel if you could be clear about the differences vs. redux devtools, which a lot of people use already? at first glance they look pretty similar, time-travel debugging etc.

https://github.com/zalmoxisus/redux-devtools-extension

image

and they have various fancy features like state 'chart'

also why does this require an NPM package to be installed, as opposed to just working as a chrome extension?

davidchai717 commented 4 years ago

Hi @dcsan , great question. Reactime is targeted towards React-only (think components using this.state or hooks) projects, whereas Redux DevTools is meant for those that use Redux for state management. With that said, we are essentially inspired by them as the primary goal of this tool is to bring time traveling over to React.

As a third-party tool, in order to listen for state updates and reapply the older state back to the application, we would need direct access to the component tree of user's application via our custom algorithm - pre-bundled as a NPM module. Hope that's helpful!

dcsan commented 4 years ago

thanks for the reply. If I am using redux, does this tool give any extra insights? there is still a level of detail missing in terms of the order of when selectors get updated but that's deep into redux land I guess.

good luck with it and thanks for open-sourcing!