Relative paths are ways to use files from other folders. But as the project scales up, these imports will look messy especially if the components are deeply nested.
eg: import Header from "../../../../../Coponent/Header.tsx" Alternative: import Header from "@Component/Header.tsx "
This repository explain how to make Path aliases with TypeScript in Node.js(express) & React(Vite)