Better and quicker way to reproduce an issue on any frame work

Whenever I try to work on a problem with a specific stack, like if I want to work on base-antd, I use this command:

pnpm dev --scope @refinedev/antd --scope base-antd

pnpm dev --scope @refinedev/antd --scope base-antd

or any other framework. I go through pnpm-lock.yaml and work on that particular base example. I've also tried setting up a custom project using the CLI and npm link to link the local package. I wanted to know if there is a faster or better way to quickly reproduce an issue?

6 Replies

kapa.ai•4mo ago

Hi @anilrockzz. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To quickly reproduce an issue in a specific stack like base-antd, you can follow these steps: 1. Use the pnpm dev Command: This command is useful for running the packages and examples in watch mode. It allows you to make changes and see the results immediately in the browser.

   pnpm dev --scope @refinedev/antd --scope base-antd

   pnpm dev --scope @refinedev/antd --scope base-antd

This will start the @refinedev/antd package and the base-antd example in watch mode. Any changes you make in the @refinedev/antd package will trigger a re-compilation of the base-antd example, and you will see the changes in the browser. Source: Working with packages (https://refine.dev/docs/guides-concepts/contributing/#working-with-packages) 2. Use CodeSandbox for Quick Setup: If you want to quickly reproduce an issue without setting up a local environment, you can use CodeSandbox. For example, you can try the base-antd example directly on CodeSandbox: ![Open base-antd example from refine (https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/embed/github/refinedev/refine/tree/master/examples/base-antd?view=preview&theme=dark&codemirror=1) Source: base-antd README (https://github.com/refinedev/refine/blob/master/examples/base-antd/README.md) 3. Create a New Project Using the CLI: You can also create a new project using the refine CLI and specify the example you want to use. This is useful if you want a fresh setup to reproduce the issue.

   npm create refine-app@latest -- --example base-antd

   npm create refine-app@latest -- --example base-antd

Source: base-antd README (https://github.com/refinedev/refine/blob/master/examples/base-antd/README.md) By using these methods, you can quickly set up your environment and reproduce issues more efficiently. If you need further assistance, you can always ask for help in the refine community room (https://discord.gg/refine). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•4mo ago

<@665596637216768035> kapa.ai is still learning and improving, please let us know how it did by reacting below

quickest-silver•4mo ago

I think you can use refine monorepo, you will install once and it will build all. Then you can quickly start any example.

unwilling-turquoiseOP•4mo ago

Yes, I've gone through a few example projects, but I want to reproduce this issue (https://github.com/refinedev/refine/issues/6265). I think I need to create a separate project and link the package locally, or can I use the Refine monorepo for that?

GitHub

Issues · refinedev/refine

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility. - Issues · refinedev/refine

quickest-silver•4mo ago

Refine monorepo takes care of linking locally.

unwilling-turquoiseOP•4mo ago

Thank you 🙏