Simple read-only static JSON data provider
I looked through the examples, but I'm not able to find any example which just consumes a read-only JSON URL. Is there a data provider available for this?
KHi @lordi3830. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. 
K----------------------
Hmm, I don't know enough to give you a confident answer yet. However, refine does provide a variety of data providers that can consume different types of APIs, including REST and GraphQL. You can use these data providers to communicate with your API and retrieve data.
For example, the and
In this example, the is used to communicate with the API at .>
You can find more information about data providers in the refine documentation (https://refine.dev/docs/tutorial/understanding-dataprovider/index).
----------------------
----------------------
Hmm, I don't know enough to give you a confident answer yet. However, refine does provide a variety of data providers that can consume different types of APIs, including REST and GraphQL. You can use these data providers to communicate with your API and retrieve data.
For example, the and
simple-restIn this example, the is used to communicate with the API at .>
You can find more information about data providers in the refine documentation (https://refine.dev/docs/tutorial/understanding-dataprovider/index).
----------------------
Note: you can ask me a follow up question by @ mentioning me again----------------------
K@888709588122222662 kapa.ai is still learning and improving, please let us know how it did by reacting below
PI tried that @kapa.ai but it appends REST API parameters to the URL
KLet me check the knowledge base for you. One moment! 
BHi @lordi3830, I couldn't understand what do you mean by "read-only JSON-URL"
can you explain me more please ?
can you explain me more please ?
K----------------------
Refine's data providers are designed to work with APIs that follow certain conventions. For instance, the
| Method | URL | Query Parameters | Body |
| --- | --- | --- | --- |
|
|
| | /
|
|
| | /
If your API doesn't follow this structure, you may need to customize the data provider. You can do this using the
You can find more information about customizing data providers in the refine documentation (https://refine.dev/docs/packages/documentation/data-providers/simple-rest).
----------------------
----------------------
Refine's data providers are designed to work with APIs that follow certain conventions. For instance, the
simple-rest| Method | URL | Query Parameters | Body |
| --- | --- | --- | --- |
|
getListresource|
getOneresourceid| | /
resourceid|
createresource|
updateresourceid| | /
resourceidIf your API doesn't follow this structure, you may need to customize the data provider. You can do this using the
swizzle- Run the `swizzle` command in the project directory:```npm run refine swizzle ```
- Select
from the list of available data providers.@refinedev/simple-rest - Edit the
file to customize the data provider./rest-data-provider/index.ts - Pass the customized data provider to the
prop of the component.dataProvider
You can find more information about customizing data providers in the refine documentation (https://refine.dev/docs/packages/documentation/data-providers/simple-rest).
----------------------
Note: you can ask me a follow up question by @ mentioning me again----------------------
K@888709588122222662 kapa.ai is still learning and improving, please let us know how it did by reacting below
PBsince this is unique to the your application, you need to write your data provider. its really simple and straightforward to implement
PI'm a little bit amazed that this basic use case is not covered 
Is it really so unique to be able to display JSON data?
Is it really so unique to be able to display JSON data?Bofcourse most of the web already communication with JSON.
as you can see here, we are returning response body directly and getting total from header if has, otherwise we are returning data.length
https://github.com/refinedev/refine/blob/next/packages/simple-rest/src/provider.ts#L59
as you can see here, we are returning response body directly and getting total from header if has, otherwise we are returning data.length
https://github.com/refinedev/refine/blob/next/packages/simple-rest/src/provider.ts#L59
Bif you tell me why simple-rest is didn't work for you, I can try to explain more
B if this returning plain JSON data, It should work
Pok thx let me check some more
POkay so I think I distilled it to this issue: Basically the JSON access works, but I want to do every pagination/sorting to happen client-side, not in the API call.
PSo I don't want another network request when the list sort is changed for example
PBecause the JSON list response does not change depending on the parameters
PSo I think I need to write a data provider that caches the response and performs the sorting/pagination in JS
PBut thats part of the reason why I choose refine so I DONT have to do that I think this should be built in. But anyway, thanks for your response, much appreciated
I think this should be built in. But anyway, thanks for your response, much appreciatedByou can make and to and after that you need to handle this features on client side
https://refine.dev/docs/api-reference/antd/hooks/table/useTable/#filtersmode
but currently refine does not handle client side filtering, only handles client side pagination. since pagination and filters should work together. we need to set "off" both
https://refine.dev/docs/api-reference/antd/hooks/table/useTable/#filtersmode
but currently refine does not handle client side filtering, only handles client side pagination. since pagination and filters should work together. we need to set "off" both
Bwe are not supporting because most of UI provider handles that pretty good
Bwhich UI provider are you using ?
PCurrently in
Bwe are using TanStack Table with mantine because, mantine's offical table is pretty basic
POk with the mode: off changes it appears to get closer to what I want
PIs it available for sorting as well?
POk found it,
BI'm trying to create example
PWow awesome
B
Bwe talked yesterday. our pagination.mode:"client" works as expected but not work with filters. because still we don't have filters.mode ="client"
Bbut you want to handle pagination and filters together
Bwith this example I completly disabled refine pagination and filters feature. TanStack table pretty good at client side filtering and sorting
BI set mode off and replaced refine functions with TanStack Table Functions
Band I give this functions and states to Pagination component
Brest of code is same
BIt seems most of functionalty works right now but from now you need to use TanStack table to improve this Table
BAnd we will talk again this confusion(boilerplate code or lack of feature) with our core team
BI hope in refine@5 we will seamlessly implement client side filter & pagination & sorting like server
POk many thanks!