docs: More updates to docs

Author: imp-dance

docs/docs/Advanced/under-the-hood.md

@@ -2,6 +2,17 @@
 
 How does `rtk-query-loader` work _under the hood_?
 
+## The underlying principles
+
+1. We have a higher-order component (wrapper)
+2. We aggregate the status of a collection of queries that are run through a hook
+3. We conditionally render the appropriate states
+4. We pass the data to the consumer-component through the use of `React.forwardRef`
+
+### Can't I just build this myself?
+
+Yes you can, the concept itself is quite simple. But making it properly type-safe can be difficult, and this package has been thoroughly tested and thought out. And we do offer some killer [features](../Features/index.md).
+
 ## Virtual DOM
 
 Imagine you have this component, rendered through `withLoader`:
@@ -59,20 +70,3 @@ div
 ## RTKLoader
 
 `RTKLoader` simply receives the loader and component, and handles returning the correct state depending on the query. You can take a look at how this component behaves [in the codebase](https://github.com/ryfylke-react-as/rtk-query-loader/blob/main/src/RTKLoader.tsx).
-
-## Custom `loaderComponent`
-
-You could pass a custom `loaderComponent` to your loaders, if you'd like:
-
-```typescript
-const CustomLoader = (props: CustomLoaderProps) => {
-  // Handle rendering
-};
-
-const loader = createLoader({
-  loaderComponent: CustomLoader,
-  // ...
-});
-```
-
-This allows you to have really fine control over how the rendering of components using `withLoader` should work.

docs/docs/Features/custom-loader.md

@@ -0,0 +1,22 @@
+---
+sidebar_position: 5
+---
+
+# Custom `loaderComponent`
+
+You could pass a custom `loaderComponent` to your loaders, if you'd like:
+
+```typescript
+const CustomLoader = (props: CustomLoaderProps) => {
+  // Handle rendering
+};
+
+const loader = createLoader({
+  loaderComponent: CustomLoader,
+  // ...
+});
+```
+
+:::tip
+This allows you to have really fine control over how the rendering of components using `withLoader` should work.
+:::

docs/docs/Features/index.md

@@ -7,8 +7,12 @@ sidebar_position: 5
 RTK Query Loader tries to give you all the flexibility you need to create reusable and extendable loaders.
 
 - Supply multiple queries.
-- Supply queries that are [not from RTK](../Exports/use-create-query.md).
 - Supply queries that [don't affect loading state](defer-queries.md).
 - [Transform](./transforming.md) the queries to your desired output-format.
 - [Extend](./extending.md) existing loaders.
 - Re-use existing loaders
+
+And even if you don't use `RTK Query`...
+
+- Supply queries that are [just promises](../Exports/use-create-query.md).
+- [Use with other data loading libraries](./other-libs.md)

docs/docs/Advanced/other-libs.md renamed to docs/docs/Features/other-libs.md

@@ -1,6 +1,14 @@
+---
+sidebar_position: 4
+---
+
 # Use with other libraries
 
-You can technically use RTK Query Loader with most other similar query-fetching libraries. This is possible through the use of resolvers.
+You can use RTK Query Loader with most other similar query-fetching libraries. This is possible through the use of _resolvers_.
+
+:::note
+Although `rtk-query-loader` was build with `@reduxjs/toolkit` in mind, the underlying principles can be applied to any similar data loading solution. [Read more about how RTK Query Loader works under the hood](../Advanced/under-the-hood.md).
+:::
 
 ## Tanstack Query