React Query Rewind introduces a powerful DevTool extension designed to work in conjunction with React Query's built-in DevTools in order to optimize time-traveling through state changes in an application. This open-source extension is tailored to enhance the debugging experience for React Query users, allowing them to explore state changes and component relationships with ease.
React Query installed and in use in your application.
Install RQRewind Chrome Extension.
Download npm package into your application.
npm i -D react-query-rewind
Import the ReactQueryRewind component into the root of your applicaiton.
picture of importing the component
import ReactQueryRewind from "react-query-rewind";
Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component.
ReactDOM.createRoot(document.getElementById('root')!).render(
<QueryClientProvider client={queryClient}>
<App />
<ReactQueryRewind />
</QueryClientProvider>
);
Open the Chrome DevTool Extension and start coding!
React Query Rewind values the strength of community involvement. If you're enthusiastic about React Query, time-traveling state, or improving debugging experiences, your contributions are highly appreciated. Whether it's code enhancements, documentation improvements, or innovative feature suggestions, your engagement can play a pivotal role in shaping the future of React Query Rewind. If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)Austin Cavanagh - GitHub - LinkedIn - austin.cavanagh.cs@gmail.com
Emma Teering - GitHub - LinkedIn - teeringe@gmail.com
John Dunn - GitHub - LinkedIn - johnwdunn20@gmail.com
Rui Fan - GitHub - LinkedIn - rfan1986@gmail.com
Project Link: React Query Rewind