TypeScript 优秀开源项目大合集

 

TypeScript出来有段时间了,也冒出了很多用TypeScript开发的优秀开源项目,搜寻了一些基于TypeScript项目,分享给大家:

https://github.com/brookshi/awesome-typescript-projects 喜欢的朋友请star支持,谢谢。

TypeScript

可能有人奇怪这里说的是基于TypeScript的开源项目,为什么TypeScript本身也在这里。
其实TypeScript语言本身就是用TypeScript编写的,即self-hosting,使用上一稳定版本的编译器来编译本次版本。
TypeScript就不做太多介绍了,不熟悉的同学可以参考我之前写的 C#到TypeScript系列

IDE - VSCode

基于TypeScript + Nodejs + Electron开发的IDE. Github上star: 2万+

VSCode大家应该都知道,同样是微软开发,没使用过的建议试用下,相对于Visual Studio的笨重,VSCode非常轻,占用内存少,打开项目速度快,而且跨平台,非常适合用来做前端或Nodejs开发。
支持的特性也很多,通过扩展能支持非常多的语言,比如C#, GO, C++等,最近发布的包还原生支持Markdown语法,我的文章都是用VSCode写的。
打开大文件真的是秒开,之前用Notepad++打开大文件还有点迟顿,格式化成Json更是直接卡死,VSCode则完全没问题。

其他基于TypeScript的IDE还有: 在线IDE monaco-edit,游戏开发IDE superpowers等,有兴趣的同学可以去awesome typescript projects了解下。

Framework - Angular2

基于TypeScript + RxJS + ZoneJS的Framework. Github上star: 2万+

大名鼎鼎的前端三剑客之一,背后的老爹Google确保了Angular的质量,Angular从Angular2开始采用TypeScript来开发,强类型对框架的稳定性提供不少支持。
微软Azure的页面就是用Angular写的,下面这个也是Angular2的一个dashboard应用。

在Angular2上衍生了不少优秀的框架或库,如 angular-seed,material2, ui-router等。

其他框架还有很多诸如 ionic,NativeScript,AtomicGameEngine的优秀框架都是用TypeScript开发的,国内的白鹭引擎(egret)同样基于TypeScript。

UI - ant-design

基于TypeScript + React的UI界面库. Github上star: 1万+

ant-design是由国内阿里旗下的蚂蚁金服的团队用TypeScript开发的一款企业级React UI库,已经应用到金服和其他阿里旗下产品当中。
ant-design的UI看起来非常美观,而且不显累赘,文档也非常完整,重点是文档是中文版的,相信非常适合国内开发使用。

ant-design也推出了mobile版ant-design-mobile,这样不管是web端还是移动端都可以有同一套UI设定。

同样基于TypeScript的UI库还有不少,如Angular的material2,和ant-design有一拼的blueprint都是其中佼佼者。

library - ui-router

基于TypeScript + Angular的UI router库. Github上star: 1万+

ui-router的目的是提供一个管理UI跳转的库,基于状态机维护了一个层级的状态树,这个库对于单页应用来说非常有用。
现在应用页面非常多,如果没有一个管理中心的话,不停的跳转后状态很容易乱掉,这个库就是用来解决这个问题。

下图最底下的那条就是页面的路由,在微软的Azure上也有用到。

library - RxJS

这个库现在出到5代,之前是用JavaScript开发,5代开始采用TypeScript开发。 Github上star: 5千+

当然第四代是很出名的,Github已经有超过1万的star。
这个库算是响应式编程库家庭中的一员,其他还有RxJava,Rx.NET,RxGO等。

RxJS是基于流的概念,提供了一系列神奇的函数工具集,使用它们可以合并、创建、过滤这些流。
一个流或者多个流可以作为另一个流的输入。比如你可以合并多个流,或者从很多流中选出你需要的,还可以将值从一个流映射到另一个流。
这种方式对于事件的处理会非常方便,具体可以去github上查看相关文档。

tool - tslint

做JavaScript开发的有ESLint来规范代码,而TypeScript则可以用TSLint。 Github上star: 1千+

开发一个项目往往有好几个甚至十几人,不同的人不同的代码风格,这时就需要一款工具来规范一下代码,来提高代码质量和可维护性。
基本上上面写的项目都有用到这款工具,可见其流行程度。

总结

上面从IDE, Framework, UI, 库,工具等方面分别介绍了一些TypeScript的流行开源项目,其它还有很多有潜力的项目如Nodejs的ORM框架:TypeORM等,大家可以去awesome typescript projects翻翻。
这些都说明TypeScript已经非常成熟,稳定了,而且上面项目有一些是从JavaScript转过来的重新打造的项目,由此可以说明TypeScript确实可以给项目带来实实在在的好处。
TypeScript的发展还在继续,做为微软走向开源的一个标志性项目,有理由相信TypeScript将来会有很好的发展。

开源项目TypeScript的更多相关文章

  1. TypeScript 优秀开源项目大合集

    TypeScript出来有段时间了,也冒出了很多用TypeScript开发的优秀开源项目,搜寻了一些基于TypeScript项目,分享给大家: https://github.com/brookshi/ ...

  2. .Net 开源项目资源大全

    伯乐在线已在 GitHub 上发起「DotNet 资源大全中文版」的整理.欢迎扩散.欢迎加入. https://github.com/jobbole/awesome-dotnet-cn (注:下面用 ...

  3. 一大波开发者福利来了,一份微软官方Github上发布的开源项目清单等你签收

    目录 微软Github开源项目入口 微软开源项目受欢迎程度排名 Visual Studio Code TypeScript RxJS .NET Core 基础类库 CNTK Microsoft cal ...

  4. 【开源整理】.Net开源项目资源大全

    汇总了.NET平台开源的工具类库,新的内容在不断更新中.内容借鉴了博客园.伯乐在线.GitHub等平台. (注:下面用 [$] 标注的表示收费工具,但部分收费工具针对开源软件的开发/部署/托管是免费的 ...

  5. 2018上半年GitHub上最热门的开源项目

    关注GitHub的人都知道,这个平台上面有太多优秀的值得学习的开源项目了,这里总结了2018上半年GitHub上最热门的开源项目. 1: tensorflow https://github.com/t ...

  6. 十个 Web 开发者熟悉的经典开源项目和工具

    摘要: 一个都不知道的算我输! 这篇文章主要列出了曾经乃至现在都十分受 Web 开发者欢迎的开源工具,相信使用开源工具的 Web 开发者会对它们感兴趣的,它们中有的甚至诞生十多年了,但仍然在发光发热. ...

  7. Github上优秀的.NET Core开源项目的集合

    内容包括:库.工具.框架.模板引擎.身份认证.数据库.ORM框架.图片处理.文本处理.机器学习.日志.代码分析.教程等. Github地址:https://github.com/jasonhua95/ ...

  8. 开源项目月刊《HelloGitHub》第 60 期

    兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣.入门级的开源项目. 这是一个面向编程新手.热爱编程.对开源社区感兴趣 人群的月刊,月刊的内容包括:各种编 ...

  9. .NET Core/.NET5/.NET6 开源项目汇总12:WPF组件库2

    系列目录     [已更新最新开发文章,点击查看详细] WPF(Windows Presentation Foundation)是微软推出的基于Windows 的用户界面框架,属于.NET Frame ...

随机推荐

  1. Django_ KindEditor 插件使用

    KindEditor  富文本编辑器插件 目的及原理: 更便捷的在前端页面上实现用户的文本编辑操作, 本质上就是对标签的样式进行封装和事件预处理, 常规操作都可以通过直接的引入即可实现, 但是对于存在 ...

  2. 【刷题】BZOJ 2935 [Poi1999]原始生物

    Description 原始生物的遗传密码是一个自然数的序列K=(a1,...,an).原始生物的特征是指在遗传密码中连续出现的数对(l,r),即存在自然数i使得l=ai且r=ai+1.在原始生物的遗 ...

  3. 【题解】 Test 买水的ACX(套路)

    题目描述: ACX在××信竞组学会信息竞赛,但是他的同学都很巨,于是要他去买水,结果来到某个买水的商店(奇奇怪怪的商店). 一天,ACX买了 N 个容量可以认为是无限大的瓶子,初始时每个瓶子里有 1  ...

  4. 荷马史诗 NOI2015 解析

    比较简单,这道题需要贪心解决. 不需要任何复杂的数据结构,一个luo的堆就足够了. 本题的意思就是:给定n种单词及在文本中各自出现的频率,要求利用二进制串对其进行前缀编码,使得压缩后的文本长度最短. ...

  5. BZOJ5093 [Lydsy1711月赛]图的价值 【第二类斯特林数 + NTT】

    题目链接 BZOJ5093 题解 点之间是没有区别的,所以我们可以计算出一个点的所有贡献,然后乘上\(n\) 一个点可能向剩余的\(n - 1\)个点连边,那么就有 \[ans = 2^{{n - 1 ...

  6. 使用alien命令让deb包和rpm包互相转换

    OS version: CentOS7 / Debian9 发现alien这个命令时很惊喜,之前在debian上安装etcd找不到安装包感觉很不科学,有了alien命令事情一下就变简单了. 这里以et ...

  7. CODE FESTIVAL 2017 qual B 题解

    失踪人口回归.撒花\^o^/ 说来真是惭愧,NOI之后就没怎么刷过题,就写了几道集训队作业题,打了几场比赛还烂的不行,atcoder至今是蓝名=.= 以后还是多更一些博客吧,我可不想清华集训的时候就退 ...

  8. String.format VS. StrSubstitutor VS. NamedParameterJdbcTemplate

    在Java中,想要用一个字符串模块根据参数的不同来产生不同的字符串,主要有以下两种办法: Java String.format() 在JDK1.5中,String类新增了一个很有用的静态方法Strin ...

  9. Java基础-SSM之Spring和Mybatis以及Spring MVC整合案例

    Java基础-SSM之Spring和Mybatis以及Spring MVC整合案例 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 能看到这篇文章的小伙伴,详细你已经有一定的Java ...

  10. select遍历list默认选中初始值

    <select id="userstatus" name="userstatus">         <c:forEach items=&qu ...