This is an opinionated style guide for JavaScript/TypeScript.

Note that references to TypeScript also include JavaScript.

Pages

Misc

Jest

Named exports

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';

References

Google JavaScript Style Guide

kebab-case

The most common patterns for casing are:

• kebab-case
• snake_case
• PascalCase
• camelCase

There’s no one standard, though PascalCase has been used quite a lot for React Components.