# Frontend

- [\<LinkDisplay>](https://skyslit.gitbook.io/magicjs/api-references/frontend/less-than-linkdisplay-greater-than.md): LinkDisplay is employed for seamless navigation between pages.
- [createSrc() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/createsrc.md): createSrc function is used for reading the uploaded file.
- [createUploader() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/createuploader.md): createUploader is a function that simplifies file uploads for users.
- [importUI() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/importui.md): The importUI function simplifies UI component imports using aliases from a JSON configuration, promoting a modular and organized project structure for improved code manageability.
- [loadConfig() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/loadconfig.md): loadConfig centralizes JSON config retrieval, streamlining backend access with robust error handling for graceful responses in cases of missing values, ensuring enhanced reliability.
- [protected()](https://skyslit.gitbook.io/magicjs/api-references/frontend/protected.md): The Protected component enhances security by restricting access to authorized users, safeguarding sensitive content visibility for authenticated users.
- [useParams() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/useparams.md): The useParams function in React lets you effortlessly get and use parameters from the current URL, acting like a magic key to unlock dynamic aspects of your application's URLs.
- [useAxios()   ](https://skyslit.gitbook.io/magicjs/api-references/frontend/useaxios.md)
- [useLogin() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/uselogin.md): useLogin function serves for authentication, retrieving details like whether the current user is authenticated, their information, and also includes the functionality for logging out.
- [useSocket() ](https://skyslit.gitbook.io/magicjs/api-references/frontend/usesocket.md): useSocket function is like a walkie-talkie for websites, letting servers and clients chat back and forth in real-time.
- [useContent()](https://skyslit.gitbook.io/magicjs/api-references/frontend/usecontent.md): We can effectively handle data management through the utilization of useContent().
- [usePromise()](https://skyslit.gitbook.io/magicjs/api-references/frontend/usepromise.md): The usePromise() hook simplifies handling asynchronous operations by managing the state of a Promise-based function.
- [useNotification()](https://skyslit.gitbook.io/magicjs/api-references/frontend/usenotification.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://skyslit.gitbook.io/magicjs/api-references/frontend.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.