推薦19個(gè)Github熱門(mén)的TypeScript學(xué)習(xí)寶庫(kù)及項(xiàng)目
根據(jù)大部分讀者私信反饋請(qǐng)教TypeScript如何入門(mén)學(xué)習(xí),有么有相關(guān)的學(xué)習(xí)資料和開(kāi)源項(xiàng)目之類的,你們的心聲所想,今天我百忙之中騰出點(diǎn)時(shí)間統(tǒng)一整理。
首先TypeScript 是微軟開(kāi)發(fā)的一個(gè)開(kāi)源的編程語(yǔ)言,通過(guò)在 JavaScript 的基礎(chǔ)上添加靜態(tài)類型定義構(gòu)建而成。TypeScript 通過(guò) TypeScript 編譯器或 Babel 轉(zhuǎn)譯為 JavaScript 代碼,可運(yùn)行在任何瀏覽器和操作系統(tǒng)。下面就跟大家分享19個(gè)Github熱門(mén)的TypeScript學(xué)習(xí)寶庫(kù)及項(xiàng)目:
一、TypeScript熱門(mén)項(xiàng)目
1、Storybook
Storybook是用于UI組件的開(kāi)發(fā)環(huán)境。它可以使開(kāi)發(fā)人員查看廣泛的組件目錄,還可以測(cè)試和分析其不同狀態(tài)。它是為Vue,React,Angular和許多其他框架構(gòu)建的。你用其可以輕松測(cè)試組件,而無(wú)需任何業(yè)務(wù)邏輯。
github網(wǎng)址 :https://github.com/storybookjs/storybook
Stars: 54.5k
2、 Grafana
Grafana是Grafana Labs創(chuàng)建的用于監(jiān)視和觀察的開(kāi)源平臺(tái)。無(wú)論你將數(shù)據(jù)存儲(chǔ)在何處,Grafana都能幫助你查詢和可視化數(shù)據(jù)。你可以創(chuàng)建各種適合你需求的儀表板,并在團(tuán)隊(duì)中共享它們。動(dòng)態(tài)儀表板能夠創(chuàng)建可重復(fù)使用的儀表板,并且按指標(biāo)查看日志非常簡(jiǎn)單。
Github網(wǎng)址:https://github.com/grafana/grafana
Stars: 37.9k
3、 Turbolinks
Turbolinks支持更快的Web應(yīng)用程序?qū)Ш健T搸?kù)的目標(biāo)是對(duì)單頁(yè)應(yīng)用程序的使用。當(dāng)你單擊指向另一頁(yè)面的鏈接時(shí),Turbolinks將獲取頁(yè)面。它適用于所有現(xiàn)代臺(tái)式機(jī)和移動(dòng)瀏覽器,并且還支持移動(dòng)應(yīng)用程序。
網(wǎng)址 :https://github.com/turbolinks/turbolinks
Stars: 11.9k
4、TypeScript Deep Dive
TypeScript Deep Dive由Basarat Ali Syed創(chuàng)建,是學(xué)習(xí)改進(jìn)和跟上TypeScript一切的最新資源。它是免費(fèi)的開(kāi)源軟件,支持12種語(yǔ)言。它包含了許多很好的示例和技巧來(lái)支持其內(nèi)容。值得你學(xué)習(xí)。
網(wǎng)址:https://github.com/basarat/typescript-book
Stars: 11.4k
5、 n8n — WorkFlow Automation Tool
n8n是一個(gè)免費(fèi)的工作流程自動(dòng)化工具,可幫助你通過(guò)API將所有應(yīng)用互連在一起,從而無(wú)需代碼即可共享和操作數(shù)據(jù)。n8n擁有170多個(gè)不同的節(jié)點(diǎn)來(lái)自動(dòng)化你的工作流程,因此可高度自定義。可以將其托管在你自己的服務(wù)器上,以確保數(shù)據(jù)安全。憑借其出色的用戶界面,你可以立即構(gòu)建工作流程。
網(wǎng)址 :https://github.com/n8n-io/n8n
Stars: 10.2k
6、GraphQL Voyager
GraphQL Voyager是一個(gè)交互式圖形,可讓你表示任何GraphQL API。由API Guru創(chuàng)建,你現(xiàn)在可以直觀地瀏覽GraphQL的API數(shù)據(jù)模型并與之交互。它是構(gòu)建數(shù)據(jù)模型非常出色的工具。
網(wǎng)址:https://github.com/APIs-guru/graphql-voyager
Stars: 5.5k
7、Super Productivity
Johannes Millan撰寫(xiě)的《超級(jí)生產(chǎn)力》是一個(gè)很好的工具,可以將你的日常任務(wù)集中在一個(gè)地方。簡(jiǎn)而言之,Super Productivity是任務(wù)列表,時(shí)間跟蹤器和任務(wù)管理器。
網(wǎng)址:https://github.com/johannesjo/super-productivity
Stars: 2.5k
二、TypeScript寶庫(kù)資料
1. TypeScript 官方文檔
TypeScript 官方文檔,提供了中文版本。
官方網(wǎng)址:https://www.typescriptlang.org/zh/
Github:https://github.com/microsoft/TypeScript
2. 學(xué)習(xí) TypeScript
可能是中國(guó)最好的學(xué)習(xí) TypeScript 入門(mén)到進(jìn)階系統(tǒng)教程。
TypeScript 系列文章由官方文檔翻譯、重難點(diǎn)解析、實(shí)戰(zhàn)技巧三個(gè)部分組成,涵蓋入門(mén)、進(jìn)階、實(shí)戰(zhàn),旨在為你提供一個(gè)系統(tǒng)學(xué)習(xí) TS 的教程,全系列預(yù)計(jì) 40 篇左右。目前正在持續(xù)更新中!
官網(wǎng)網(wǎng)址:http://ts.yayujs.com/
Github:https://github.com/mqyqingfeng/learn-typescript
3. TypeScript 使用指南手冊(cè)
TypeScript 使用手冊(cè)(中文版)翻譯。
該工程是對(duì) TypeScript 官方及開(kāi)源社區(qū)書(shū)寫(xiě)的編程手冊(cè)、版本發(fā)布說(shuō)明等綜合內(nèi)容的中文翻譯。 感謝 Microsoft 開(kāi)源社區(qū)的工程師們的工作,為 JavaScript 開(kāi)發(fā)帶來(lái)了全新的體驗(yàn)!
官網(wǎng)網(wǎng)址:http://www.patrickzhong.com/TypeScript/
Github:https://github.com/zhongsp/TypeScript
4. 深入理解 TypeScript
TypeScript Deep Dive 中文版。
官方網(wǎng)址:https://basarat.gitbook.io/typescript/
Github:https://github.com/jkchao/typescript-book-chinese
5. TypeScript 入門(mén)教程
從 JavaScript 程序員的角度總結(jié)思考,循序漸進(jìn)地理解 TypeScript。
官方網(wǎng)址:https://ts.xcatliu.com/
Github:https://github.com/xcatliu/typescript-tutorial
6. TypeScript 類型挑戰(zhàn)
高質(zhì)量的類型可以提高項(xiàng)目的可維護(hù)性并避免一些潛在的漏洞。本項(xiàng)目意在于讓你更好地了解 TS 的類型系統(tǒng),編寫(xiě)你自己的類型工具,或者只是單純地享受挑戰(zhàn)的樂(lè)趣!
Github:https://github.com/type-challenges/type-challenges
7. DefinitelyTyped
DefinitelyTyped 包含大量的高質(zhì)量的 TypeScript 類型定義。通過(guò)使用 DefinitelyTyped 及其包含的聲明文件,我們可以使用大多數(shù)流行的JavaScript庫(kù),就像它們是 TypeScript 庫(kù)一樣,將通過(guò)編譯器進(jìn)行類型驗(yàn)證。
Github:https://github.com/DefinitelyTyped/DefinitelyTyped
8. react-redux-typescript-guide
本指南記錄了有關(guān)在 React(及其生態(tài)系統(tǒng))中以函數(shù)式風(fēng)格使用 TypeScript 的模式和秘訣。它將使代碼類型安全,同時(shí)專注于從實(shí)現(xiàn)中推斷類型,從長(zhǎng)遠(yuǎn)來(lái)看更容易編寫(xiě)和維護(hù)正確的類型。
?Github:https://github.com/piotrwitek/react-redux-typescript-guide
9. React+TypeScript 備忘錄
專注于幫助 React 開(kāi)發(fā)人員在 React 應(yīng)用中使用 TypeScript。
Github:https://github.com/typescript-cheatsheets/react
10. clean-code-typescript
將 Clean Code 的概念適用到 TypeScript,引導(dǎo)讀者使用 TypeScript 編寫(xiě)易讀、可擴(kuò)展的應(yīng)用。
Github:https://github.com/labs42io/clean-code-typescript
11. 谷歌TypeScript風(fēng)格指南
Google TypeScript 風(fēng)格指南。
Github:https://google.github.io/styleguide/tsguide.html
12. Awesome TypeScript
很棒的 TypeScript 資源
Github:https://github.com/semlinker/awesome-typescript