clear-render
To answer the question. Why did the rendering happen? 👀
➕ support for React Hooks;
➕ patching only target component, therefore it is works very fast for large project;
➕ for all versions of React from ^0.13.0 to ^16.0.0;
➕ easy usage! wrap component and done.
➕ zero dependencies.
Advantage over analogues
Advantage over analogues: welldone-software/why-did-you-render, maicki/why-did-you-update and garbles/why-did-you-update, is a function that monkey patches React (it is works very very slow for large project) and not support React hooks.
Sandbox
You can test the library >> HERE << (notice the console).
Usage
Wrap the component for which you want to watch. 🏁
; Component ... SimpleComponent;
or
; const SimpleComponent = { ...} SimpleComponent;
Usage for CodePen and JSBin as UMD module
in html area
<script src="https://unpkg.com/clear-render@latest/module/umd.js"></script>
in js area use clearRender
from global scope
@clearRenderComponent ...
Install
npm i --save-dev clear-render
Contributing
Got ideas on how to make this better? Open an issue!
License
MIT