Solid Rewind is a time-trave debugger and component-tree visualizer for the reactive framework, SolidJS
- Redux-style time-travel debugging, allowing you to ‘rewind’ to previous versions of your application’s state.
- Dynamic, D3-visualization of your component tree
- Integration with Chrome’s existing Dev Tools menu so you can troubleshoot your Solid App directly from your browser.
❗❗Before using, you must download our Chrome extension here❗❗
1. install our package with
npm i solid-rewind
2. Import our Rewind component at the top level of your app. 3. Wrap your top-level component in our component.
import Rewind from 'solid-rewind';
render( () => {
<Rewind>
<App />
</Rewind>
}, document.getElementById('root'));
That's it! Build your project and access our tool in the chrome devtools menu!
- Robbie Gottlieb | @robbiegot | LinkedIn
- Willem Rosenthal | @willemrosenthal | LinkedIn
- Christian Catanese @c-catanese | LinkedIn
- Jason Moon | @Crescent0130 | LinkedIn