Best practice to import internal components
Many examples show that importing with file extensions is simple, but these todo examples are not connected to real-life scenarios. In reality, components are not just a single file (they include styles, tests, and the component itself), and you typically store each component in its own folder. This leads to duplicated imports like
For example, my project structure is as follows:
I also have alias paths for imports in
App.tsx:
Of course, we can use
I've tried researching best practices for managing imports in large projects but haven’t found clear guidance.
Can you help explain the right approach? How you organize imports in your projects?
P.S. I don't understand why Deno doesn’t support index files, as browsers work perfectly with index.html
Button/Button.tsxButton/Button.tsx, which look messy.For example, my project structure is as follows:
I also have alias paths for imports in
deno.jsondeno.json:App.tsx:
Of course, we can use
barrel exportbarrel export as mod.tsmod.ts in primitivesprimitives root folder and import like that: import { Button } from "@components/primitives/mod.ts";import { Button } from "@components/primitives/mod.ts";, it's looks better, but harder to maintain and barrel files also not best practiceI've tried researching best practices for managing imports in large projects but haven’t found clear guidance.
Can you help explain the right approach? How you organize imports in your projects?
P.S. I don't understand why Deno doesn’t support index files, as browsers work perfectly with index.html
