OpenPanel/packages/devtools

refine is an open-source, headless React framework for developers building enterprise web applications.

It eliminates repetitive tasks in CRUD operations and provides industry-standard solutions for critical project components like authentication, access control, routing, networking, state management, and i18n.

---

We're releasing refine devtools in beta. refine devtools is designed to help you debug and develop your refine apps. It will be a collection of features including monitoring queries and mutations, testing out inferencer generated codes, adding and updating refine packages from the UI and more. 🤯

Usage

Install latest version of @refinedev/cli:

npm install @refinedev/cli@latest

Install @refinedev/devtools with @refinedev/cli

npm run refine devtools init

🚨 If you don't have @refinedev/cli installed already, you can follow the installation guide to add it to your project.

Ta-da! 🎉 Everything is ready now, you can use the refine devtools in your project! 🕶

Devtools only works in development mode and have no overhead on production builds. You don't need to do anything special to exclude DevTools from your bundle.