React Log State
A little tweak on @ryanflorence's React Lumberjack. Lets you track setState calls on React elements at runtime.
Setup
npm
Install package:
npm install react-log-state
And include in your code:
<script>
tag
Add the following to your HTML anywhere:
Usage
Open up your browser's console. Select an element using the React DevTools (which makes it available on the $r
variable). Then activate logging:
That's it! Any calls to setState
will be logged in the console.
You can also hook into all setState
calls globally:
ReactLogState
Of course, this technically alters how setState
operates, so you may have a bad time if any of your components making a lot of changes to state.