Even Node.js's new built-in TypeScript support can't strip enum code at runtime!

For more examples, explore the new string package for Node.js. You'll find extended string types that you can use in your next project.https://github.com/visulima/visulima/blob/main/packages/string/src/types.ts

Which pattern helps you the most?

I've found discriminated unions (#2) to be an absolute game-changer for complex state management.

Follow for more TypeScript + React tips that boost your productivity and code quality! ✨

Use type guards to ensure type safety in render methods:

Make component refs type-safe:

Type React event handlers properly:

Use type extraction for component props to keep your code DRY:

Leverage React.FC when you need access to children, defaultProps and contextTypes types:

Use discriminated unions for component states:

Kick off with precise component prop typing: