import-priority.md

Import Priority

This is not a very important rule but complying with it is not gonna have harm either.

The priority is like below:

1. Imports from React except for types. e.g. hooks and ...

import { useState } from "react";

2. Kits

import Text from "@kits/Text";

3. Components

import AnyComponent from "@components/AnyComponent";

4. Contexts

import LayoutProvider from "@contexts/Layout/Provider";

5. Hooks

import useToggle from "@hooks/useToggle";

6. Utils

import Http from "@utils/Http";

7. Helpers

import LayoutHelper from "@helpers/layout";

8. Services

import AuthServices from "@services/auth";

9. Configs

import { appBaseURL } from "@configs/utl";

10. Constants

import { TOKEN_COOKIE_KEY } from "@constants/cookies";

11. Static Files

import appLogo from "@images";
import "path/to/a/css/file.css";

12. Types

import type { FC, PropsWithChildren } from "react";
import type DivProps from "@kits/Div/props";