根據大部分讀者私信反饋請教TypeScript如何入門學習，有么有相關的學習資料和開源項目之類的，你們的心聲所想，今天我百忙之中騰出點時間統一整理。

首先TypeScript 是微軟開發的一個開源的編程語言，通過在 JavaScript 的基礎上添加靜態類型定義構建而成。TypeScript 通過 TypeScript 編譯器或 Babel 轉譯為 JavaScript 代碼，可運行在任何瀏覽器和操作系統。下面就跟大家分享19個Github熱門的TypeScript學習寶庫及項目：

一、TypeScript熱門項目

1、Storybook

Storybook是用于UI組件的開發環境。它可以使開發人員查看廣泛的組件目錄，還可以測試和分析其不同狀態。它是為Vue，React，Angular和許多其他框架構建的。你用其可以輕松測試組件，而無需任何業務邏輯。

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

Stars: 54.5k

2、 Grafana

Grafana是Grafana Labs創建的用于監視和觀察的開源平臺。無論你將數據存儲在何處，Grafana都能幫助你查詢和可視化數據。你可以創建各種適合你需求的儀表板，并在團隊中共享它們。動態儀表板能夠創建可重復使用的儀表板，并且按指標查看日志非常簡單。

Github網址：https://github.com/grafana/grafana

Stars: 37.9k

3、 Turbolinks

Turbolinks支持更快的Web應用程序導航。該庫的目標是對單頁應用程序的使用。當你單擊指向另一頁面的鏈接時，Turbolinks將獲取頁面。它適用于所有現代臺式機和移動瀏覽器，并且還支持移動應用程序。

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

Stars: 11.9k

4、TypeScript Deep Dive

TypeScript Deep Dive由Basarat Ali Syed創建，是學習改進和跟上TypeScript一切的最新資源。它是免費的開源軟件，支持12種語言。它包含了許多很好的示例和技巧來支持其內容。值得你學習。

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

Stars: 11.4k

5、 n8n — WorkFlow Automation Tool

n8n是一個免費的工作流程自動化工具，可幫助你通過API將所有應用互連在一起，從而無需代碼即可共享和操作數據。n8n擁有170多個不同的節點來自動化你的工作流程，因此可高度自定義。可以將其托管在你自己的服務器上，以確保數據安全。憑借其出色的用戶界面，你可以立即構建工作流程。

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

Stars: 10.2k

6、GraphQL Voyager

GraphQL Voyager是一個交互式圖形，可讓你表示任何GraphQL API。由API Guru創建，你現在可以直觀地瀏覽GraphQL的API數據模型并與之交互。它是構建數據模型非常出色的工具。

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

Stars: 5.5k

7、Super Productivity

Johannes Millan撰寫的《超級生產力》是一個很好的工具，可以將你的日常任務集中在一個地方。簡而言之，Super Productivity是任務列表，時間跟蹤器和任務管理器。

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

Stars: 2.5k

二、TypeScript寶庫資料

1. TypeScript 官方文檔

TypeScript 官方文檔，提供了中文版本。

官方網址：https://www.typescriptlang.org/zh/

Github：https://github.com/microsoft/TypeScript

2. 學習 TypeScript

可能是中國最好的學習 TypeScript 入門到進階系統教程。

TypeScript 系列文章由官方文檔翻譯、重難點解析、實戰技巧三個部分組成，涵蓋入門、進階、實戰，旨在為你提供一個系統學習 TS 的教程，全系列預計 40 篇左右。目前正在持續更新中！

官網網址：http://ts.yayujs.com/

Github：https://github.com/mqyqingfeng/learn-typescript

3. TypeScript 使用指南手冊

TypeScript 使用手冊（中文版）翻譯。

該工程是對 TypeScript 官方及開源社區書寫的編程手冊、版本發布說明等綜合內容的中文翻譯。 感謝 Microsoft 開源社區的工程師們的工作，為 JavaScript 開發帶來了全新的體驗！

官網網址：http://www.patrickzhong.com/TypeScript/

Github：https://github.com/zhongsp/TypeScript

4. 深入理解 TypeScript

TypeScript Deep Dive 中文版。

官方網址：https://basarat.gitbook.io/typescript/

Github：https://github.com/jkchao/typescript-book-chinese

5. TypeScript 入門教程

從 JavaScript 程序員的角度總結思考，循序漸進地理解 TypeScript。

官方網址：https://ts.xcatliu.com/

Github：https://github.com/xcatliu/typescript-tutorial

6. TypeScript 類型挑戰

高質量的類型可以提高項目的可維護性并避免一些潛在的漏洞。本項目意在于讓你更好地了解 TS 的類型系統，編寫你自己的類型工具，或者只是單純地享受挑戰的樂趣！

Github：https://github.com/type-challenges/type-challenges

7. DefinitelyTyped

DefinitelyTyped 包含大量的高質量的 TypeScript 類型定義。通過使用 DefinitelyTyped 及其包含的聲明文件，我們可以使用大多數流行的JavaScript庫，就像它們是 TypeScript 庫一樣，將通過編譯器進行類型驗證。

Github：https://github.com/DefinitelyTyped/DefinitelyTyped

8. react-redux-typescript-guide

本指南記錄了有關在 React（及其生態系統）中以函數式風格使用 TypeScript 的模式和秘訣。它將使代碼類型安全，同時專注于從實現中推斷類型，從長遠來看更容易編寫和維護正確的類型。

?Github：https://github.com/piotrwitek/react-redux-typescript-guide

9. React+TypeScript 備忘錄

專注于幫助 React 開發人員在 React 應用中使用 TypeScript。

Github：https://github.com/typescript-cheatsheets/react

10. clean-code-typescript

將 Clean Code 的概念適用到 TypeScript，引導讀者使用 TypeScript 編寫易讀、可擴展的應用。

Github：https://github.com/labs42io/clean-code-typescript

11. 谷歌TypeScript風格指南

Google TypeScript 風格指南。

Github：https://google.github.io/styleguide/tsguide.html

12. Awesome TypeScript

很棒的 TypeScript 資源

Github：https://github.com/semlinker/awesome-typescript