Back to Glossary

Module

الوحدة النمطية (Module)

Beginnerprogramming1 min read
es moduleesmimport exportcommonjscjsnode module
Official DocsSign in to save & take notes

Definition

A self-contained unit of JavaScript code that can export functions or values and import from other modules.

وحدة مستقلة من كود JavaScript تستطيع تصدير الدوال أو القيم واستيراد من وحدات أخرى.

Why It Matters

Every React component, hook, utility function, and type in 404Fault is organized as a module. Import paths like @/lib/firebase or @/types resolve to specific module files.

كل مكون React وخطاف ودالة مساعدة ونوع في 404Fault منظّم كوحدة نمطية. مسارات الاستيراد مثل @/lib/firebase أو @/types تُحَل إلى ملفات وحدات محددة.

Full Definition

JavaScript modules (ES Modules) allow code to be split into separate files with explicit imports and exports. `export` makes a value available; `import` brings it in. Next.js uses ES Modules exclusively. TypeScript files are all modules by default. Understanding modules is essential for organizing React components, utility functions, and types across a large codebase like 404Fault.
وحدات JavaScript (ES Modules) تتيح تقسيم الكود إلى ملفات منفصلة مع imports وexports صريحة. `export` يجعل القيمة متاحة؛ `import` يجلبها. Next.js يستخدم ES Modules حصريًا. جميع ملفات TypeScript هي وحدات افتراضيًا.

Example Usage

“export function buildSlug(name: string) {...} — then import { buildSlug } from '@/lib/glossary'”

“export function buildSlug(name: string) {...} — ثم import { buildSlug } from '@/lib/glossary'”

Knowledge Graph

AI Builder Tips

Sign in for more features

Avoid these mistakes when using Module:

1

Mixing CommonJS (require) and ES Module (import) in the same file

2

Circular imports — module A imports from B, B imports from A

Sign in to unlock guided AI explanations from AI Teacher.

Generate a Prompt

Copy this prompt and use it directly with any AI model — no setup needed.

Ready-to-Use Prompt
Help me build a project using Module.

Explain:
1. What is Module and why it matters
2. The core architecture and required tools
3. Step-by-step implementation plan
4. Common mistakes to avoid: Mixing CommonJS (require) and ES Module (import) in the same file, Circular imports — module A imports from B, B imports from A
5. Best practices and production tips

Official Resources

Official Documentation
Browse all AI termsCreate free account