TechPref

Semicolons vs No Semicolons

To semicolon or not to semicolon? Explore the JavaScript style war with real-world data from popular open source projects.

74%Semicolons

26%No Semicolons

Function Declarations vs Arrow Functions

Two ways to define functions in JavaScript. Explore the tradeoffs between traditional function declarations and modern arrow functions.

72%Declarations

28%Functions

2 Spaces vs 4 Spaces

The indent width debate. Does more space mean better readability, or is compact code easier to scan?

100%2 Spaces

0%4 Spaces

97%Array Bracket Notation

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.

3%Generic Array<T> Syntax

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.

79%Interface

21%Type Alias

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.

58%Type Imports

42%Mixed 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.

86%Record Utility Type

14%Index Signature

4%Type Annotation Generics

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.

96%Constructor Generics

JavaScript / TypeScript Module Patterns

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.

61%Named Exports

39%Default Exports

Single Quotes vs Double Quotes

String delimiters matter. Explore the quote preferences across popular TypeScript projects with real-world data.

66%Single Quotes

34%Double Quotes

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.

79%Destructure

21%Props Object

0%Destructure in Signature

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.

100%Destructure Outside Signature

React Function Declarations vs Arrow Functions

Should React components be defined with function declarations or arrow functions? Explore how top TypeScript projects structure their React components.

62%Declarations

38%Functions

JSX Boolean Shorthand vs Explicit ={true}

Should boolean JSX props use the concise shorthand form or always include the explicit ={true} value? See how top TypeScript projects handle boolean prop notation.

91%Shorthand Boolean

9%Explicit ={true}