How to call a 'server' function w/o a form?

[aloukissas]

Many use cases here, but I'll give an example of what I'm trying to prototype. I'm integrating the plaid link library and I need to call a server function in a callback (see example project in plain reactjs here). In e.g. NextJS, this would translate in an "API route" call. I may have missed it in Remix's docs, but it looks the only way to trigger server functions is with submitting a form.

[c43721]

You can create a resource route (https://remix.run/docs/en/v1/guides/resource-routes#creating-resource-routes) and call it with fetch. This would be the 1:1 mapping from Next's API routes.

Basically, to create an "API route", in a new file export a loader and/or an action, without a default component export. That route will be treated as a resource route.

[sergiodxa]

Instead of using fetch you can also use the useFetcher hook, it gives you a load and submit method (for get and post requests) and it will handle the loading state for you.

[c43721]

Ah yes, the useFetcher hook 🙂- probably better to use this!

[aloukissas]

Thanks! Pretty complicated way to get around this (compared to pretty much everything else I've used) but if it works it works :)