根据大部分读者的反馈，想请教各位TypeScript如何入门。有没有相关的学习资料和开源项目？怎么看呢，今天比较忙抽点时间整理一下。首先，TypeScript是微软开发的一种开源编程语言，它是通过在JavaScript之上添加静态类型定义而构建的。TypeScript由TypeScript编译器或Babel转译成JavaScript代码，可以在任何浏览器和操作系统上运行。给大家分享19个热门的TypeScript学习宝藏和Github上的项目：一、TypeScript热门项目1、StorybookStorybook是一个UI组件的开发环境。它使开发人员能够查看广泛的组件目录，还可以测试和分析它们的不同状态。它是为Vue、React、Angular和许多其他框架构建的。您可以使用它轻松测试组件而无需任何业务逻辑。githubURL:https://github.com/storybookjs/storybookStars:54.5k2，GrafanaGrafana是GrafanaLabs创建的一个开源监控观察平台。无论您将数据存储在何处，Grafana都可以帮助您对其进行查询和可视化。您可以创建各种适合您需求的仪表板，并在您的团队中共享它们。动态仪表板使创建可重复使用的仪表板和按指标查看日志变得容易。GithubURL：https://github.com/grafana/grafanaStars：37.9k3，TurbolinksTurbolinks支持更快的Web应用程序导航。该库旨在用于单页应用程序。当您单击指向另一个页面的链接时，Turbolinks会获取该页面。它适用于所有现代桌面和移动浏览器，还支持移动应用程序。URL：https://github.com/turbolinks/turbolinksStars：11.9k4，TypeScriptDeepDive由BasaratAliSyed创建，TypeScriptDeepDive是学习改进和跟上TypeScript的最新资源。它是免费的开源软件，支持12种语言。它包括许多很好的例子和技巧来支持它的内容。值得你学习。URL:https://github.com/basarat/typescript-bookStars:11.4k5,n8n—WorkFlowAutomationTooln8n是一款免费的工作流自动化工具，可帮助您通过API互连所有应用程序，这样您无需代码即可编写数据。共享和操纵。n8n有超过170个不同的节点来自动化您的工作流程，是高度可定制的。它可以托管在您自己的服务器上以确保数据安全。凭借其令人惊叹的用户界面，您可以立即构建工作流程。URL：https://github.com/n8n-io/n8nStars：10.2k6，GraphQLVoyagerGraphQLVoyager是一个交互式图形，可让您表示任何GraphQLAPI。由APIGuru创建，您现在可以直观地浏览GraphQL的API数据模型并与之交互。它是构建数据模型的绝佳工具。https://github.com/APIs-guru/graphql-voyagerStars：JohannesMillan的5.5k7，SuperProductivity《超级生产力》是一个很好的工具，可以将您的日常任务集中在一个地方。简而言之，SuperProductivity是一个任务列表、时间跟踪器和任务管理器。网址：https://github.com/johannesjo/super-productivityStars:2.5k二、TypeScript宝库资料1、TypeScript官方文档TypeScript官方文档提供中文版。官网：https://www.typescriptlang.org/zh/Github：https://github.com/microsoft/TypeScript2。LearningTypeScript可能是国内最好的从入门到进阶学习TypeScript的系统教程。TypeScript系列文章由官方文档翻译、重点难点解析、实战技巧三部分组成，涵盖入门、进阶、实战。旨在为您提供系统的TS学习教程。整个系列预计约有40篇文章。目前正在更新中！官网网址：http://ts.yayujs.com/Github：https://github.com/mqyqingfeng/learn-typescript3。TypeScriptUserGuideManualTypeScriptUserManual（中文版）翻译。本项目是对TypeScript官方和开源社区编写的编程手册、版本发布说明等综合内容的中文翻译。感谢微软开源社区工程师们的努力，将JavaScript开发带到了一个全新的高度！官网网址：http://www.patrickzhong.com/TypeScript/Github：https://github.com/zhongsp/TypeScript4。深入理解TypeScriptTypeScriptDeepDive中文版。官网：https://basarat.gitbook.io/typescript/Github：https://github.com/jkchao/typescript-book-chinese5。TypeScript入门教程，从JavaScript程序员的角度总结思维，一步步理解TypeScript。官网：https://ts.xcatliu.com/Github：https://github.com/xcatliu/typescript-tutorial6。TypeScriptTypeChallenge高质量的类型可以提高项目的可维护性，避免一些潜在的漏洞。这个项目旨在让你更好地理解TS的类型系统，编写你自己的类型工具，或者只是简单地享受挑战！Github：https://github.com/type-challenges/type-challenges7。DefinitelyTypedDefinitelyTyped包含大量高质量的TypeScript类型定义。通过使用DefinitelyTyped及其包含的声明文件，我们可以像使用TypeScript库一样使用大多数流行的JavaScript库，这些库将由编译器进行类型验证。Github：https://github.com/DefinitelyTyped/DefinitelyTyped8。react-redux-typescript-guide本指南记录了在React（及其生态系统）中以函数式风格使用TypeScript的模式和方法。它将保持代码类型安全，同时专注于从实现中推断类型，从长远来看更容易编写和维护正确的类型。Github：https://github.com/piotrwitek/react-redux-typescript-guide9。React+TypeScript备忘单侧重于帮助React开发人员在React应用程序中使用TypeScript。Github：https://github.com/typescript-cheatsheets/react10。clean-code-typescript将CleanCode的概念应用到TypeScript中，引导读者使用TypeScript编写易于阅读和可扩展的应用程序。Github：https://github.com/labs42io/clean-code-typescript11。GoogleTypeScript风格指南GoogleTypeScript风格指南。Github：https://google.github.io/styleguide/tsguide.html12.AwesomeTypeScriptAwesomeTypeScript资源Github：https://github.com/semlinker/awesome-typescript
