大家好，我是Echa。
根據大部分老鐵們私信反饋請教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
