TS do: Revolutionizing TypeScript Type Exploration

TLDR; TS do is a tool that allows developers to easily look at TypeScript types without having to install the package or open everything up in VSS code. It provides a better way to explore and understand type definitions, making the developer experience much smoother.

⚙️ Introduction to TS do

TS do is introduced as a solution to the missing pieces in TypeScript ecosystem, providing a better way to look at types without the need to install the package and open everything in VSS code

It is a new project created by Shum, known for creating Bundle Phobia, and is highly anticipated by developers.

🧩 TS do Annotations

TS do encourages library creators to create TS do annotations for their exported functions

For example, the tool extracts the type definitions for 'upload thing' and 'create request from urql', showcasing how the tool enhances the documentation for packages.

The tool generates documentation directly from the type definitions in the source code, providing a clear and organized view of the classes, functions, and variables exported by the package.

📚 Visualization of Type Definitions

TS do provides a user-friendly experience for exploring and understanding complex type definitions

It offers clear and detailed visual representations of deeply nested types, making it easier to comprehend the structure and relationships within the project.

The tool is particularly valuable for projects with intricate type systems, such as 3js, as it allows developers to navigate through classes, functions, and other elements with ease.

Developer Experience Wins

TS do offers powerful developer experience wins by simplifying the process of checking type definitions quickly

It is compared to the documentation generated by other strictly typed languages, highlighting the significance of having such a tool for TypeScript developers.

The seamless integration with VS Code, including a button that directs users to the TS do page when hovering over an external type definition, further enhances the developer experience.

Evolution of TypeScript Tooling

TS do is acknowledged as a significant advancement in TypeScript tooling, filling the gap that existed before

While other tools like JS dos and pcka dodev were mentioned, TS do is distinguished by its comprehensive and user-friendly approach, making it a standout solution for TypeScript developers.

🌟 Excitement and Conclusion

The speaker expresses excitement and enthusiasm for TS do, describing it as 'dope' and highlighting the positive impact it brings to the developer experience

The audience is encouraged to try TS do and share their thoughts, with the speaker expressing willingness to create more content related to similar topics.

Summarize your own videos

Get our browser extension to summarize any YouTube video in a single click