Yashotantra Academy logo
← TypeScript theorytheory 0/50 · 0%
level 1
Curious · 0 XP
streak
0d
perfect
0
badges
0

100 XP to Apprentice

Tooling · easy

14. Modules: import/export

Sharing code between files with ES module syntax.

1 min read3 questionsup to 50 XPtopic 14/50

Read in another language

AI translates the explanation and quiz text while preserving code and answer scoring.

TypeScript uses standard ES module syntax. Each file with a top-level `import` or `export` is its own module scope.

ts
// wallet.ts
export interface Wallet { address: string; balance: number; }
export function createWallet(address: string): Wallet {
  return { address, balance: 0 };
}
export default class WalletService { /* ... */ }

// main.ts
import WalletService, { createWallet, Wallet } from "./wallet";

`export type` / `import type` explicitly mark type-only exports, which some build tools use to safely strip them without touching runtime code. Named exports are generally preferred over default exports because they support better auto-import and refactoring tooling.

How to study this topic

  1. 1. Read the explanation once end to end, skipping the code.
  2. 2. Re-read the code snippets and say out loud what each line does.
  3. 3. Answer the quiz without scrolling back — that is the real check.
  4. 4. Read every explanation, even for the answers you got right.

Scoring

  • · Up to 30 XP from quiz accuracy.
  • · +15 XP for a perfect first attempt.
  • · +5 XP while a 3-day streak is running.
  • · 75% or higher marks the topic complete.

Check your understanding

  1. 1. What makes a `.ts` file its own module scope?

  2. 2. What does `import type { Wallet } from "./wallet"` signal?

  3. 3. Why are named exports often preferred over default exports?

Badges

First light
Pass your first topic
Sharp shooter
3 perfect first-try quizzes
On a roll
Study 3 days in a row
Week warrior
Study 7 days in a row
Grinder
Earn 500 XP
Deep diver
Earn 1500 XP