TechPref
Explore the most debated coding style preferences with real-world data from popular open source projects.
Style Comparisons
Click on a comparison to explore both sides of the debate with statistics, code examples, and expert opinions.
Spaces vs Tabs
The eternal debate in code formatting. Explore both sides with real-world data, popular project preferences, and expert opinions.
Semicolons vs No Semicolons
To semicolon or not to semicolon? Explore the JavaScript style war with real-world data from popular open source projects.
Function Declarations vs Arrow Functions
Two ways to define functions in JavaScript. Explore the tradeoffs between traditional function declarations and modern arrow functions.
2 Spaces vs 4 Spaces
The indent width debate. Does more space mean better readability, or is compact code easier to scan?
Array Types: T[] vs Array<T>
Two syntaxes for defining array types in TypeScript. Explore the differences between the simple bracket notation and the generic Array type.
Interface vs Type for Object Definitions
Two ways to define object types in TypeScript. Explore the differences between interfaces and type aliases for type definitions.
Type Imports: 'type' Keyword vs Mixed Imports
Two approaches to importing types in TypeScript. Explore whether to use the 'type' keyword for type-only imports or mix them with value imports.
Indexed Objects: Record<K, V> vs Index Signatures
Two ways to define indexed object types in TypeScript. Explore the differences between Record<K, V> utility type and index signature syntax.
Generic Constructors: Type vs Constructor Parameters
Two ways to specify generic parameters for constructors in TypeScript. Explore whether generics belong on the type annotation or the constructor call.
Named Exports vs Default Exports
Debate: Should modules export one thing by default or require explicit naming? Analyze real-world patterns from top TypeScript projects.
Single Quotes vs Double Quotes
String delimiters matter. Explore the quote preferences across popular TypeScript projects with real-world data.
Destructure Props vs Don't Destructure Props
Should React components destructure their props or access them through the props object? Explore how top TypeScript projects handle component props.
Destructure in Signature vs Outside Signature
When destructuring props, should it happen right in the function signature or inside the function body? Compare how top TypeScript projects split on this React styling question.
Data sourced from analysis of top TypeScript repositories on GitHub. View all repositories