How to send data from frappe to React component?

[tsmanagers]

Hi @NagariaHussain ,

We've created the custom desk page using Doppio, now page is showing default dummy text.

We want to use DataTable or create custom form inside that page using React, but we don't know how we should get the data from frappe for that.

For Example, lets say we want to use any DataTable plugin to render the data using React in that case how should we get the fields info that we defined while creating doctype and use it inside react component. If you can help with that will be great hepful for us.

If you have done something like that then please provide the code sample.

[NagariaHussain]

Hi 👋

You can refer Frappe React SDK docs: https://github.com/The-Commit-Company/frappe-react-sdk

Plus, @nikkothari22 has been putting tutorials on YT: https://youtube.com/playlist?list=PLHoO_SHGRUVCLT_PrOnFd9NZaqSLfoxLA&si=CymQTPoDRMey1-xX

[tsmanagers]

Hi Hussain,

Thanks for your reply. We're already using the Frappe React SDK and as you know that is only use to easily connect with frappe and call their API. That is not we're not looking for currently.

Now for desk pages we want little bit different, we want to pass data from frappe JS to React component or vice versa. For example if I want to get react state data from frappe JS then how should I pass it from frappe? Do you any idea about that. Please help us with that.

[NagariaHussain]

Was this resolved?

If not, Can you describe a specific use case?

sorry for the late reply 🙈