推薦 7 個(gè)學(xué)習(xí) TypeScript 的寶庫，2021 是時(shí)候給自己加薪了！
本文轉(zhuǎn)載自微信公眾號(hào)「前端GitHub」，作者全棧修煉。轉(zhuǎn)載本文請(qǐng)聯(lián)系前端GitHub公眾號(hào)。
前言
貓哥是一個(gè)常年混跡在 GitHub 上的貓星人，所以發(fā)現(xiàn)了不少好的前端開源項(xiàng)目、常用技巧，在此分享給大家。
平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目
今天給大家推薦的是學(xué)習(xí) TypeScript 的優(yōu)質(zhì)項(xiàng)目。
TypeScript
TypeScript 是適用于任何規(guī)模應(yīng)用的 JavaScript。
TypeScript 擴(kuò)展了 JavaScript ，為它添加了類型支持。
TypeScript 可以在您運(yùn)行代碼之前找到錯(cuò)誤并提供修復(fù)，從而改善您的開發(fā)體驗(yàn)。
任何瀏覽器，任何操作系統(tǒng)，任何運(yùn)行 JavaScript 的地方，完全開源。
| 網(wǎng)站 | 說明 |
|---|---|
| TypeScript | TypeScript 官網(wǎng)，TS 擴(kuò)展了 JavaScript ，為它添加了類型支持 |
| typescript-tutorial | TypeScript 入門教程，循序漸進(jìn)的理解 TypeScript |
| TypeScript | TypeScript 使用手冊(cè) |
| typescript-book-chinese | 深入理解 TypeScript |
| clean-code-typescript | 適用于TypeScript的簡(jiǎn)潔代碼概念 |
| TypeScript入門 | TypeScript 入門的視頻教程 |
| typescript-tutorial | TypeScript 速成教程（2小時(shí)速成） |
1. TypeScript
學(xué)習(xí)一門技術(shù)，最好的方式肯定是看官網(wǎng)的教程啦!
官網(wǎng)上有什么是 TypeScript，為什么要用 TypeScript ，和 api 相關(guān)的文檔，而且還是一手的學(xué)習(xí)資料，無疑是最好的學(xué)習(xí)資料了。
而且還可以通過社區(qū)了解最新的進(jìn)展。
https://github.com/microsoft/TypeScript
2. typescript-tutorial
從 JavaScript 程序員的角度總結(jié)思考，循序漸進(jìn)的理解 TypeScript。
與官方手冊(cè)不同，本書著重于從 JavaScript 程序員的角度總結(jié)思考，循序漸進(jìn)的理解 TypeScript，希望能給大家一些幫助和啟示。
適合人群
本書適合以下人群
- 熟悉 JavaScript，至少閱讀過一遍《JavaScript 高級(jí)程序設(shè)計(jì)》
- 了解 ES6，推薦閱讀 ECMAScript 6 入門
- 了解 Node.js，會(huì)用 npm 安裝及使用一些工具
- 想了解 TypeScript 或者想對(duì) TypeScript 有更深的理解
本書不適合以下人群
- 沒有系統(tǒng)學(xué)習(xí)過 JavaScript
- 已經(jīng)能夠很熟練的運(yùn)用 TypeScript
https://github.com/xcatliu/typescript-tutorial
3. TypeScript
TypeScript 中文使用手冊(cè)。
這個(gè)好像是 TypeScript 官網(wǎng)的中文翻譯原文，貓哥不是很確定，不過是個(gè)學(xué)習(xí) TS 的好倉庫。
- ✔️ TypeScript 語言用于大規(guī)模應(yīng)用的 JavaScript 開發(fā)。
- ✔️ TypeScript 支持類型，是 JavaScript 的超集且可以編譯成純 JavaScript 代碼。
- ✔️ TypeScript 兼容所有瀏覽器，所有宿主環(huán)境，所有操作系統(tǒng)。
- ✔️ TypeScript 是開源的。
https://github.com/zhongsp/TypeScript
4. typescript-book-chinese
TypeScript Deep Dive 中文版，深入理解 TypeScript。
《TypeScript Deep Dive》 是一本很好的開源書，從基礎(chǔ)到深入，很全面的闡述了 TypeScript 的各種魔法，不管你是新手，還是老鳥，它都將適應(yīng)你。
此外，它不同于 TypeScript 官方給出的文檔(當(dāng)然 TypeScript 給出的文檔是很好的)，在此書中，結(jié)合實(shí)際應(yīng)用下的場(chǎng)景用例，你將能更深入的理解 TypeScript。
https://github.com/jkchao/typescript-book-chinese
5. clean-code-typescript
將 Clean Code 的概念適用到 TypeScript，靈感來自 clean-code-javascript。
將源自 Robert C. Martin 的 Clean Code 的軟件工程原則適配到 TypeScript 。這不是一個(gè)代碼風(fēng)格指南， 它是一個(gè)使用 TypeScript 來生產(chǎn) 可讀的， 可重用的， 以及可重構(gòu)的軟件的指南。
這里的每一項(xiàng)原則都不是必須遵守的， 甚至只有更少的能夠被廣泛認(rèn)可。這些僅僅是指南而已， 但是卻是 Clean Code 作者多年經(jīng)驗(yàn)的結(jié)晶。
我們的軟件工程行業(yè)只有短短的 50 年， 依然有很多要我們?nèi)W(xué)習(xí)。當(dāng)軟件架構(gòu)與建筑架構(gòu)一樣古老時(shí)， 也許我們將會(huì)有硬性的規(guī)則去遵守。而現(xiàn)在， 讓這些指南做為你和你的團(tuán)隊(duì)生產(chǎn)的 TypeScript 代碼的 質(zhì)量的標(biāo)準(zhǔn)。
比如：使用有意義的變量名
做有意義的區(qū)分，讓讀者更容易理解變量的含義。
👎 反例:
- function between<T>(a1: T, a2: T, a3: T) {
- return a2 <= a1 && a1 <= a3;
- }
👍 正例:
- function between<T>(value: T, left: T, right: T) {
- return left <= value && value <= right;
- }
提醒一下，該倉庫末尾有中文翻譯版。
https://github.com/labs42io/clean-code-typescript
6. TypeScript入門
這個(gè)是個(gè)視頻課程，介紹了 TypeScript 的基本概念、常用語法和高級(jí)特性。
http://www.imooc.com/learn/763
7. typescript-tutorial
這個(gè)倉庫的教程以快速工程實(shí)踐為目標(biāo)，旨在讓讀者速成，能夠迅速的 GET 到語言的核心知識(shí)點(diǎn)，并付諸實(shí)踐!
語言始終是一種改進(jìn)生產(chǎn)力的工具，陌生使用者最迫切的需求應(yīng)該是快速掌握工具的使用，而不是在連工具都沒學(xué)會(huì)使用的時(shí)候，就先沉迷于細(xì)枝末葉，奇技淫巧。
真正的熟練：應(yīng)該是在實(shí)踐中大量使用、在實(shí)踐中踩坑、以及在實(shí)踐中理解的過程中自然形成的。
這個(gè)教程真的非常簡(jiǎn)結(jié)，只講經(jīng)常使用的知識(shí)點(diǎn)，可以說是 2 小時(shí)速成 😂。
https://github.com/joye61/typescript-tutorial
最后
關(guān)于貓哥，大家可以看看 我的 2020 年終總結(jié)，看看貓哥的臉都被打歪的 😂。
不知不覺，已經(jīng)寫到第 15 期了呢，已經(jīng)分享超過 100 個(gè)好的前端項(xiàng)目了呢，往期精文請(qǐng)看下方寶藏倉庫，點(diǎn)擊很危險(xiǎn)，請(qǐng)慎入!
原文鏈接：https://github.com/FrontEndGitHub/FrontEndGitHub
