This is an opinionated style guide for JavaScript/TypeScript.
Note that references to TypeScript also include JavaScript.
Use named exports instead of default exports when possible.
There’s cases where default exports are necessary, e.g. when integrating with frameworks that expect default exports, or for certain asynchronous module import methods.
// ❌ Default exports
export default 'potato';
// module-1.ts
import helperThing from './helper';
// module-2.ts
import stuffFromHelper from './helper';
// ✅ Named exports
export const helperConstant = 'potato';
// module-1.ts
import { helperConstant } from './helper';
// module-2.ts
import { helperConstant } from './helper';
The most common patterns for casing are:
There’s no one standard, though PascalCase has been used quite a lot for React Components.