Add direct handler usage to docs

Author: brophdawg11

docs/hooks/use-fetcher.md

@@ -108,6 +108,16 @@ If you find yourself calling this function inside of click handlers, you can pro
 
 <docs-info>Any `fetcher.load` calls that are active on the page will be re-executed as part of revalidation (either after a navigation submission, another fetcher submission, or a `useRevalidator()` call)</docs-info>
 
+### Direct `loader` specification
+
+If you want to perform a `fetcher.load`, but you don't want/need to create a route for your `loader`, you can pass a `loader` directly to `fetcher.load`:
+
+```tsx
+fetcher.load(() => {
+  // Custom loader implementation here
+});
+```
+
 ## `fetcher.submit()`
 
 The imperative version of `<fetcher.Form>`. If a user interaction should initiate the fetch, you should use `<fetcher.Form>`. But if you, the programmer are initiating the fetch (not in response to a user clicking a button, etc.), then use this function.
@@ -139,6 +149,18 @@ If you want to submit to an index route, use the [`?index` param][indexsearchpar
 
 If you find yourself calling this function inside of click handlers, you can probably simplify your code by using `<fetcher.Form>` instead.
 
+### Direct `action` specification
+
+If you want to perform a `fetcher.submit`, but you don't want/need to create a route for your `action`, you can pass an `action` directly to `fetcher.submit`:
+
+```tsx
+fetcher.submit(data, {
+  action({ payload }) {
+    // Custom action implementation here
+  },
+});
+```
+
 ## `fetcher.data`
 
 The returned data from the loader or action is stored here. Once the data is set, it persists on the fetcher even through reloads and resubmissions.

docs/hooks/use-submit.md

@@ -91,7 +91,9 @@ You may also choose which type of serialization you'd like via the `encType` opt
 
 ```tsx
 let obj = { key: "value" };
-submit(obj, { encType: 'application/x-www-form-urlencoded' }); // -> request.formData()
+submit(obj, {
+  encType: "application/x-www-form-urlencoded",
+}); // -> request.formData()
 ```
 
 ```tsx
@@ -122,7 +124,7 @@ function action({ request, payload }) {
 
 ## Submit options
 
-The second argument is a set of options that map directly to form submission attributes:
+The second argument is a set of options that map (mostly) directly to form submission attributes:
 
 ```tsx
 submit(null, {
@@ -134,4 +136,16 @@ submit(null, {
 <Form action="/logout" method="post" />;
 ```
 
+### Direct `action` specification
+
+If you want to perform a submission, but you don't want/need to create a route for your `action`, you can pass an `action` to `useSubmit` which will perform a submission navigation to the current location but will use the provided `action`:
+
+```tsx
+submit(data, {
+  action({ request }) {
+    // Custom action implementation here
+  },
+});
+```
+
 [pickingarouter]: ../routers/picking-a-router