GitHub上的7个热门TypeScript项目，要不要学一下呢？

Love The Way You Lie 2022-12-25 07:54 187阅读 0赞

![format_png][]

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）由微软开发的自由和开源的编程语言。设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。

## **语言特性** ##

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：

*  类型批注和编译时类型检查
 *  类型推断
 *  类型擦除
 *  接口
 *  枚举
 *  Mixin
 *  泛型编程
 *  名字空间
 *  元组
 *  Await

以下功能是从 ECMA 2015 反向移植而来：

*  类
 *  模块
 *  lambda 函数的箭头语法
 *  可选参数以及默认参数

以下是一些可以使你的生活变得更加轻松的TypeScript项目。

# **1、Storybook** #

网址 ：https://github.com/storybookjs/storybook

Stars: 54.5k

![format_png 1][]

# Storybook是用于UI组件的开发环境。它可以使开发人员查看广泛的组件目录，还可以测试和分析其不同状态。它是为Vue，React，Angular和许多其他框架构建的。你用其可以轻松测试组件，而无需任何业务逻辑。 #

# **2、 Grafana** #

网址：https://github.com/grafana/grafana

Stars: 37.9k

![format_png 2][]

Grafana是Grafana Labs创建的用于监视和观察的开源平台。无论你将数据存储在何处，Grafana都能帮助你查询和可视化数据。你可以创建各种适合你需求的仪表板，并在团队中共享它们。动态仪表板能够创建可重复使用的仪表板，并且按指标查看日志非常简单。

# **3、 Turbolinks** #

网址 ：https://github.com/turbolinks/turbolinks

Stars: 11.9k

![format_png 3][]

Turbolinks支持更快的Web应用程序导航。该库的目标是对单页应用程序的使用。当你单击指向另一页面的链接时，Turbolinks将获取页面。它适用于所有现代台式机和移动浏览器，并且还支持移动应用程序。

# **4、TypeScript Deep Dive** #

网址：https://github.com/basarat/typescript-book

Stars: 11.4k

![format_png 4][]

TypeScript Deep Dive由Basarat Ali Syed创建，是学习改进和跟上TypeScript一切的最新资源。它是免费的开源软件，支持12种语言。它包含了许多很好的示例和技巧来支持其内容。值得你学习。

# **5、 n8n — WorkFlow Automation Tool** #

网址 ：https://github.com/n8n-io/n8n

Stars: 10.2k

![format_png 5][]

n8n是一个免费的工作流程自动化工具，可帮助你通过API将所有应用互连在一起，从而无需代码即可共享和操作数据。n8n拥有170多个不同的节点来自动化你的工作流程，因此可高度自定义。可以将其托管在你自己的服务器上，以确保数据安全。凭借其出色的用户界面，你可以立即构建工作流程。

# **6、GraphQL Voyager** #

网址：https://github.com/APIs-guru/graphql-voyager

Stars: 5.5k

![format_png 6][]

GraphQL Voyager是一个交互式图形，可让你表示任何GraphQL API。由API Guru创建，你现在可以直观地浏览GraphQL的API数据模型并与之交互。它是构建数据模型非常出色的工具。

# **7、Super Productivity** #

网址：https://github.com/johannesjo/super-productivity

Stars: 2.5k

![format_png 7][]

Johannes Millan撰写的《超级生产力》是一个很好的工具，可以将你的日常任务集中在一个地方。简而言之，Super Productivity是任务列表，时间跟踪器和任务管理器。

感谢阅读。

最后

*  欢迎加我微信(winty230)，拉你进技术群，长期交流学习...  
    
 *  欢迎关注「前端Q」,认真学前端，做个专业的技术人...

![format_png 8][]

![format_png 9][]

点个**在看**支持我吧

![format_png 10][]

[format_png]: /images/20221120/d65c7fc72d3b4448afc68f2a5498fd84.png
[format_png 1]: /images/20221120/d37f19bf4d324964a8cd813eb0399ff2.png
[format_png 2]: /images/20221120/7f0805e081e34f96af92a797b187ca5d.png
[format_png 3]: /images/20221120/50681ae0d5c64d2a8dfbaf08e3667d18.png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9lWENTUmp5TlljYW4zaWJlN1RWWEJ5SHAwM0ZpYWtCUHg1aWJUZTM1RHZwcEhjRmZtRHpvU1hLZ1JGaWFRZ2NVMHhnaWNQYk5LWWJ1aloxSzhGdUVpYW1GSHJRZy82NDA?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9lWENTUmp5TlljYW4zaWJlN1RWWEJ5SHAwM0ZpYWtCUHg1SXFCakt3SUVabmhYTkxBQkNlVzN6bFR4WWZ5aWFTUEE2WXE3VElPblhLYVViaWJaaEJyMm1XZGcvNjQw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9lWENTUmp5TlljYW4zaWJlN1RWWEJ5SHAwM0ZpYWtCUHg1Mks1SDJpY0cyZkhDZTdORXMxWEkwZzlVR0Q5YlVXbXRzMlZETmtRSlhabU1pYTVtazF3d3BMYVEvNjQw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9lWENTUmp5TlljYW4zaWJlN1RWWEJ5SHAwM0ZpYWtCUHg1Qld0SmdFN0NneXBmbXhEUWVRcjFNVU43ZjVjRnFGTE5uMWlhVWNVaWNZWnk0TXZPNER3RGhmVHcvNjQw?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy8yd1Y3TGljTDc2MmJDT0lTMGVzMkR2dDBQWEZCYVJrUkNwSFRPbHdhbzBYMXhKRkFRVzlTQWE2bWd6UklPNWZYa3RTak9TdVpBTHFndDBpYkJEQmNQZjlnLzY0MA?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy83UVJUdmtLMnFDNkJHTkxPUXh3Qm1NVE9HbU8wZFNkMzFMbFhMNUhvWldCSDZmS3RTU2VLUTJET2VUZlZSN25IVlhsMFU3UlNBY2hVVm9pYTJiRXJZZmcvNjQw?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83UVJUdmtLMnFDNkJHTkxPUXh3Qm1NVE9HbU8wZFNkM05tT1dzWkJNV2czQkMxbXNkd3R5dkJrTkxZaDF4R0xRaWJtNFFzSGliQ2x3eFdmenVpYmljYkpjSUEvNjQw?x-oss-process=image/format,png