# Frontend

- [\<LinkDisplay>](/magicjs/api-references/frontend/less-than-linkdisplay-greater-than.md): LinkDisplay is employed for seamless navigation between pages.
- [createSrc() ](/magicjs/api-references/frontend/createsrc.md): createSrc function is used for reading the uploaded file.
- [createUploader() ](/magicjs/api-references/frontend/createuploader.md): createUploader is a function that simplifies file uploads for users.
- [importUI() ](/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() ](/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()](/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() ](/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()   ](/magicjs/api-references/frontend/useaxios.md)
- [useLogin() ](/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() ](/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()](/magicjs/api-references/frontend/usecontent.md): We can effectively handle data management through the utilization of useContent().
- [usePromise()](/magicjs/api-references/frontend/usepromise.md): The usePromise() hook simplifies handling asynchronous operations by managing the state of a Promise-based function.
- [useNotification()](/magicjs/api-references/frontend/usenotification.md)