want to do search in react with Api call like google search with options package name
and where to find it
i have tried to use the html directly by creating components my self but does not work as i want and don't want to waste time in it if there is package to do it fast would be appreciated
use react-bootstrap-typeahead
from https://www.npmjs.com/package/react-bootstrap-typeahead
it can be used to search and give you the options to select from options withs well with api
Related
I’m building a plugin that will allow users to upload a 3D asset and manage some content about that object in a JSON field. I’d also like to use the Richtext field along with the WYSIWYG component that comes with strapi.
I’m looking for a way to import and configure that component in the React component that I’m building in my plugin.
Is this possible, and if so, are there examples of how I could do this?
This is probably the complete Richtext field built into Strapi: https://github.com/strapi/strapi/tree/main/packages/core/admin/admin/src/content-manager/components/Wysiwyg
I don't think it's available with Strapi's published package, and you cannot find it with their design system.
So I'd recommend looking into an alternative solution like using another WYSIWYG editor package instead.
I have a Django Rest Framework application that is fed in data from a csv. I then use React to create dashboards and Widgets from that data. I want to be able to generate a link to share a read-only version of any dashboard, much like in Google docs etc. Anyone clicking on that link will be able to see the dashboard with all the charts and analytics etc. The link can be shared much like how you share a Google Forms link. I'm not sure how to go about doing that. Any help / pointers would be appreciated. Thank you!
I think theoretically you need to use a router on your react app (e.g. https://reactrouter.com/ ).
If you're using create-react-app, you can also refer to https://create-react-app.dev/docs/adding-a-router/#:~:text=Create%20React%20App%20doesn't,is%20the%20most%20popular%20one.) .
With this you can directly read parameters on a certain page within your react app, that you can then use to build a concrete call to the backend, to retrieve the necessary data to build your dashboard.
The 'link builder' functionality most likely needs to be implemented on the backend, so you can have the necessary parameters you need to gather the necessary data, maybe by using query strings.
If you want to make it more complex, you would need to implement on the backend a kind of tokenized access, that could store the full call parameters on the backend side, and associate them with a token of some kind, that you could then provide to your clients.
e.g. : http://djangoappxpto.com/link/12345abcd points to a react page component that then executes a fetch to http://djangoappxpto.com/api/getStats/12345abcd which once received by python would internally mean something like http://djangoappxpto.com/api/generateStatsReport/?param1=a¶m2=b¶m3=w¶m4=aa .
I have a use case where I need to use Avatar API(https://avatarapi.com/) that fetches user profile based on the email address. I tried adding a script to useEffect hook to render the data but it does not show anything.
I am using the Javascript API from https://avatarapi.com/
Following is the link of my implementation: https://stackblitz.com/edit/react-yxfcpw
I have tried to implement it using fetch and extracting the image url using Regex and rendering the image accordingly.
My implementation mentioned above worked but now it complains You can only call this free script 100 times, perhaps you should see our API on www.avatarapi.com?
Any help would be appreciated.
Note: I cannot use the XML API.
You can use XML API method of AvatarApi website
I'm using react tabulator, displaying the data works perfectly, but I need to allow that the user can add tags in some cells, it's not clear to me how to achieve this because the docs only have concise information about this and using the standard (vanilla js) library, I can't find a reacts way to achieve this
I'd like to connect the event with a redux dispatcher because I need to run an action when the user add or delete tags, but not sure if it's possible with this lib
I'd appreciate any help, guide, or clue about how can I achieve this, thank you so much
Use react-tabulator instead of tabulator
I'm facing some challenge in using maps, my map component is deprecated, is there something I should do to be able to use it and also would like to know the steps required to intergrate map keys to Codename One?
MapComponent is marked deprecated to discourage its use, but it should still work fine. The reason we discourage its use is because the Google Maps lib is better than it in almost every way. You should look at using that instead if possible.
There are instructions in the readme file on how to integrate your keys.
The Google maps library is updated with improvments please go throgh the below link.
new update n google map
you have added it from build hints as shown in as attached image.