2018年流行JavaScript明星项目
通过对比各项目过去12个月在 GitHub
上新增明星数量,来评估其在2018年度的受关注程度,进而选出2018年度 JavaScript
领域崛起的明星项目。
项目有点多,文章有点长,加载会有点慢!!
最受欢迎项目
Vue.js
连续第三次登顶年度排行榜冠军。
它今年在 GitHub
上新增了超过 45k 的 star,比 2017 还要多 5k 势头依然不减!
第 4 名,Deno
是今年前十名中唯一的新项目。Deno
是“一个可在浏览器外执行 JavaScript
和 TypeScript
代码的程序”
根据其作者 Ryan Dahl( Node.js
之父)的说法,这是一个尝试解决部分 Node.js
原有问题的、可靠的 TypeScript
运行时。
- vue
- Owner:vuejs
- Updated:2024-12-21 04:57
- Watch:208189
- Star:208189
- Fork:33680
- This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
- react
- Owner:facebook
- Updated:2024-12-21 06:01
- Watch:230639
- Star:230639
- Fork:47203
- The library for web and native user interfaces.
- vscode
- Owner:microsoft
- Updated:2024-12-21 05:59
- Watch:165480
- Star:165480
- Fork:29722
- Visual Studio Code
- deno
- Owner:denoland
- Updated:2024-12-21 05:58
- Watch:100387
- Star:100387
- Fork:5435
- A modern runtime for JavaScript and TypeScript.
- puppeteer
- Owner:puppeteer
- Updated:2024-12-21 05:55
- Watch:89147
- Star:89147
- Fork:9101
- JavaScript API for Chrome and Firefox
- create-react-app
- Owner:facebook
- Updated:2024-12-21 03:03
- Watch:102914
- Star:102914
- Fork:26908
- Set up a modern web app by running one command.
- axios
- Owner:axios
- Updated:2024-12-21 02:53
- Watch:105999
- Star:105999
- Fork:10978
- Promise based HTTP client for the browser and node.js
- ant-design
- Owner:ant-design
- Updated:2024-12-21 02:55
- Watch:92922
- Star:92922
- Fork:50404
- An enterprise-class UI design language and React UI library
- vue-element-admin
- Owner:PanJiaChen
- Updated:2024-12-21 05:52
- Watch:88299
- Star:88299
- Fork:30494
- :tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
- storybook
- Owner:storybookjs
- Updated:2024-12-21 05:19
- Watch:84948
- Star:84948
- Fork:9366
- Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
前端框架
在前端框架方面,主导者还是和 2017 年一样的三位:Vue.js
,React
和 Angular
。
六月 Vue.js
和 React
都有一个小高峰。是什么原因?那时正值 Vue.js
总 star 数超过 React
,成为 UI 框架类别中最受欢迎的项目。那时候,双方的粉丝都在为他们心目中的冠军拉票!
2018 年的新秀是 Omi
,一个运用了 Shadow DOM
技术的、大有前途的 UI 框架,同时采用了 React
开发者们熟知的 JSX
语法。
- vue
- Owner:vuejs
- Updated:2024-12-21 04:57
- Watch:208189
- Star:208189
- Fork:33680
- This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
- react
- Owner:facebook
- Updated:2024-12-21 06:01
- Watch:230639
- Star:230639
- Fork:47203
- The library for web and native user interfaces.
- angular
- Owner:angular
- Updated:2024-12-21 04:30
- Watch:96499
- Star:96499
- Fork:25635
- Deliver web apps with confidence 🚀
- hyperapp
- Owner:jorgebucaran
- Updated:2024-12-21 01:31
- Watch:19099
- Star:19099
- Fork:781
- 1kB-ish JavaScript framework for building hypertext applications
- omi
- Owner:Tencent
- Updated:2024-12-19 19:18
- Watch:13089
- Star:13089
- Fork:1250
- Web Components Framework - Web组件框架
Node.js 框架
在 2018 年中领跑的两个 Node.js
框架是基于特定前端框架的“全栈框架”。
采用 React
的 Next.js
,本类别的新冠军。
采用 Vue.js
的 Nuxt
。
它们都保证了良好的单页应用(SPA
)开发体验,并支持服务端渲染(SSR
)。
位于第 4 的是 Express
,2017 年的第一名,尽管它“年事已高”,依然十分流行。
- next.js
- Owner:vercel
- Updated:2024-12-21 05:56
- Watch:127970
- Star:127970
- Fork:27160
- The React Framework
- nest
- Owner:nestjs
- Updated:2024-12-21 05:54
- Watch:68487
- Star:68487
- Fork:7682
- A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
- express
- Owner:expressjs
- Updated:2024-12-21 05:25
- Watch:65922
- Star:65922
- Fork:16704
- Fast, unopinionated, minimalist web framework for node.
- koa
- Owner:koajs
- Updated:2024-12-20 23:16
- Watch:35271
- Star:35271
- Fork:3226
- Expressive middleware for node.js using ES2017 async functions
Vue 生态圈
Vue.js
的势头还在增长,第 3 个大版本 计划发挥出现代浏览器的优势,以便更高效地运行和更易于使用。Vue Element Admin
,Vue.js
生态圈最流行的项目,是使用 Vue.js
组件构建漂亮的仪表板的解决方案。vue-cli
是使用现代 JavaScript
工具构建一个新的 Vue.js
应用程序的标准解决方案。
它能够和 React
的 Create React App
相提并论,但它更灵活并提供了一个图形化的 UI 界面,使得它非常方便用户。
- vue-element-admin
- Owner:PanJiaChen
- Updated:2024-12-21 05:52
- Watch:88299
- Star:88299
- Fork:30494
- :tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
- element
- Owner:ElemeFE
- Updated:2024-12-21 02:55
- Watch:54168
- Star:54168
- Fork:14643
- A Vue.js 2.0 UI Toolkit for Web
- vuepress
- Owner:vuejs
- Updated:2024-12-21 02:46
- Watch:22617
- Star:22617
- Fork:4754
- 📝 Minimalistic Vue-powered static site generator
- vue-cli
- Owner:vuejs
- Updated:2024-12-20 16:20
- Watch:29756
- Star:29756
- Fork:6327
- 🛠️ webpack-based tooling for Vue.js Development
React 生态圈
不出意外,在 React
生态圈类别,2018 年的头号项目是 Create React App
,创建新 React
项目的事实上的工具。
其第 2 版在 2018 年发布,是一次大版本更新,改动包括内置 Webpack 4
,以及使用 TypeScript
的可能性。
对于 React
本身,主要变动在于引入了 hooks
,它或许能够改变我们对于状态管理的处理方式,以及调整 React
中的副作用。
- create-react-app
- Owner:facebook
- Updated:2024-12-21 03:03
- Watch:102914
- Star:102914
- Fork:26908
- Set up a modern web app by running one command.
- ant-design
- Owner:ant-design
- Updated:2024-12-21 02:55
- Watch:92922
- Star:92922
- Fork:50404
- An enterprise-class UI design language and React UI library
- gatsby
- Owner:gatsbyjs
- Updated:2024-12-20 21:27
- Watch:55316
- Star:55316
- Fork:10309
- The best React-based framework with performance, scalability and security built in.
- next.js
- Owner:vercel
- Updated:2024-12-21 05:56
- Watch:127970
- Star:127970
- Fork:27160
- The React Framework
- material-ui
- Owner:mui
- Updated:2024-12-21 05:02
- Watch:94312
- Star:94312
- Fork:32379
- Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Angular 生态圈
2018 年,在 Angular
生态圈中,不只一个而是有两个大版本更新!Angular version 6
推出于五月,提供了很多和工具化相关的功能。
因此,在 Angular
生态圈中,最流行的项目是官方的命令行工具 Angular CLI
,用于搭建新项目和管理现有项目。
在这些新功能中,update
命令使更新应用和依赖变得容易。此外,现在可以在不 ejecting
的情况下调整底层 Webpack
配置。Angular version 7
于十月发布。
包含了 Angular CLI prompts
,以及 Material Design for Angular
的更新,并侧重性能提升,包括一个称为“虚拟滚动”(Virtual Scrolling
)的特性。
- angular-cli
- Owner:angular
- Updated:2024-12-21 03:01
- Watch:26800
- Star:26800
- Fork:11980
- CLI tool for Angular
- ngx-admin
- Owner:akveo
- Updated:2024-12-20 23:12
- Watch:25314
- Star:25314
- Fork:7964
- Customizable admin dashboard template based on Angular 10+
- components
- Owner:angular
- Updated:2024-12-21 05:06
- Watch:24431
- Star:24431
- Fork:6767
- Component infrastructure and Material Design components for Angular
- platform
- Owner:ngrx
- Updated:2024-12-20 14:54
- Watch:8072
- Star:8072
- Fork:1983
- Reactive State for Angular
- ng-zorro-antd
- Owner:NG-ZORRO
- Updated:2024-12-21 01:17
- Watch:8906
- Star:8906
- Fork:3953
- Angular UI Component Library based on Ant Design
移动开发
React Native
依然是使用 JavaScript
语言创建移动端应用的主要解决方案。Airbnb
最近发布了一系列完整的文章解释了为什么他们决定在下一个产品中抛弃 React Native
转而开发原生 Apps
。
对于那些希望使用 Vue.js
而不是 React
的人们来说,这儿也有一些选择。
以下四个本类别中的项目(Weex
,NativeScript
,Quasar
和 Ionic
)全都支持 Vue.js
作为视图层来构建移动端应用。
来自 Google
的 Flutter
虽然不是 JavaScript
语言的项目(因为它使用 Dart
编程语言), 但对于构建跨环境移动端应用,它也是一个很棒的备选方案。
- react-native
- Owner:facebook
- Updated:2024-12-21 05:04
- Watch:119804
- Star:119804
- Fork:24380
- A framework for building native applications using React
- incubator-weex
- Owner:apache
- Updated:2024-12-17 17:40
- Watch:13739
- Star:13739
- Fork:1812
- Apache Weex (Incubating)
- NativeScript
- Owner:NativeScript
- Updated:2024-12-21 04:55
- Watch:24359
- Star:24359
- Fork:1642
- ⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java, Dart). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.
- quasar
- Owner:quasarframework
- Updated:2024-12-21 04:00
- Watch:26064
- Star:26064
- Fork:3550
- Quasar Framework - Build high-performance VueJS user interfaces in record time
- ionic-framework
- Owner:ionic-team
- Updated:2024-12-21 04:53
- Watch:51217
- Star:51217
- Fork:13497
- A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
编译工具
我们过去曾讨论在 JavaScript
中引入静态类型的最佳方案。
到了 2018 年,看起来微软的 TypeScript
大幅领先了其灵感来源 —— Facebook
的 Flow
。
实际上,支持 TypeScript
的最新版 Babel
是一个搅局者。TypeScript
几乎是一个开发标准了:无论对于后端还是前端开发来说,我们看到越来越多的项目包含了 TypeScript
声明。而且,如果某些库自身不带类型声明,那么名为 DefinitelyTyped
的项目会为大量的那些库提供类型声明。
- TypeScript
- Owner:microsoft
- Updated:2024-12-21 05:50
- Watch:101538
- Star:101538
- Fork:12554
- TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- babel
- Owner:babel
- Updated:2024-12-21 04:30
- Watch:43325
- Star:43325
- Fork:5651
- 🐠 Babel is a compiler for writing next generation JavaScript.
- flow
- Owner:facebook
- Updated:2024-12-21 05:38
- Watch:22103
- Star:22103
- Fork:1862
- Adds static typing to JavaScript to improve developer productivity and code quality.
- reason
- Owner:reasonml
- Updated:2024-12-20 18:10
- Watch:10160
- Star:10160
- Fork:428
- Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems
- purescript
- Owner:purescript
- Updated:2024-12-20 18:22
- Watch:8602
- Star:8602
- Fork:564
- A strongly-typed language that compiles to JavaScript
构建工具
打包工具 Parcel
证实了它在 2017 年的成功,开发者们喜欢零配置建立一个新项目的能力。
- parcel
- Owner:parcel-bundler
- Updated:2024-12-20 16:21
- Watch:43548
- Star:43548
- Fork:2265
- The zero configuration build tool for the web. 📦🚀
- webpack
- Owner:webpack
- Updated:2024-12-21 04:49
- Watch:64897
- Star:64897
- Fork:8890
- A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
- rollup
- Owner:rollup
- Updated:2024-12-21 02:43
- Watch:25459
- Star:25459
- Fork:1537
- Next-generation ES module bundler
- gulp
- Owner:gulpjs
- Updated:2024-12-21 02:13
- Watch:33038
- Star:33038
- Fork:4227
- A toolkit to automate & enhance your workflow
- poi
- Owner:egoist
- Updated:2024-12-20 16:20
- Watch:5224
- Star:5224
- Fork:255
- ⚡A zero-config bundler for JavaScript applications.
测试框架
2018 年中测试框架领域总体没有什么变化,5 个领先的解决方案保持了和 2017 年相同的排名。Jest
比竞争者们进步更快,开发者们喜欢 Fackbook
的全功能测试框架所带来的效用 —— 无论是在前端(它最初被打算用于测试 React
组件)还是后端使用,而且它是零配置的。
- ava
- Owner:avajs
- Updated:2024-12-20 13:10
- Watch:20750
- Star:20750
- Fork:1405
- Node.js test runner that lets you develop with confidence 🚀
- mocha
- Owner:mochajs
- Updated:2024-12-20 16:55
- Watch:22650
- Star:22650
- Fork:3019
- ☕️ simple, flexible, fun javascript test framework for node.js & the browser
- jasmine
- Owner:jasmine
- Updated:2024-12-18 22:14
- Watch:15764
- Star:15764
- Fork:2240
- Simple JavaScript testing framework for browsers and node.js
IDE 和编辑器
VS Code
,全类别里第 3 流行的项目,几乎就是用于 web 开发的事实上的 IDE 了。
它依靠自动补全功能和自带 TypeScript
集成站稳了脚跟。
杀手级功能可能就是对于 Node.js
的调试能力了吧。
- vscode
- Owner:microsoft
- Updated:2024-12-21 05:59
- Watch:165480
- Star:165480
- Fork:29722
- Visual Studio Code
- atom
- Owner:atom
- Updated:2024-12-21 05:02
- Watch:60276
- Star:60276
- Fork:17404
- :atom: The hackable text editor
- theia
- Owner:eclipse-theia
- Updated:2024-12-21 01:36
- Watch:20144
- Star:20144
- Fork:2504
- Eclipse Theia is a cloud & desktop IDE framework implemented in TypeScript.
- reactide
- Owner:reactide
- Updated:2024-12-13 11:41
- Watch:10530
- Star:10530
- Fork:615
- Reactide is the first dedicated IDE for React web application development.
- brackets
- Owner:adobe
- Updated:2024-12-21 02:55
- Watch:33233
- Star:33233
- Fork:7620
- An open source code editor for the web, written in JavaScript, HTML and CSS.
CSS in JavaScript
虽然目前,对于基于组件的现代前端应用,什么才是最好的样式化方案,还没有定论(无论 React
,Vue.js
还是 Angular
)。
但是 Styled Components
依然有着最好的势头,看起来是最受欢迎的“组件样式化”解决方案。
- styled-components
- Owner:styled-components
- Updated:2024-12-21 06:01
- Watch:40576
- Star:40576
- Fork:2501
- Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
- emotion
- Owner:emotion-js
- Updated:2024-12-20 11:44
- Watch:17560
- Star:17560
- Fork:1111
- 👩🎤 CSS-in-JS library designed for high performance style composition
- css-modules
- Owner:css-modules
- Updated:2024-12-21 00:47
- Watch:17695
- Star:17695
- Fork:558
- Documentation about css-modules
静态网站生成器
和 2017 年一样,Gatsby
在 2018 年依然是最受欢迎的静态站点生成器(用于生成一组 HTML
JavaScript
和 CSS
文件,以便能够在任意地方托管,超快响应 —— 的一种工具)。Gatsby
的亮点在于它的多面性(你能结合单页应用和静态站点的优点)以及对性能的关注。
如果你希望使用 Vue.js
而不是 React
,那么第 3 名的 VuePress
或许是恰当的选择。
- gatsby
- Owner:gatsbyjs
- Updated:2024-12-20 21:27
- Watch:55316
- Star:55316
- Fork:10309
- The best React-based framework with performance, scalability and security built in.
- next.js
- Owner:vercel
- Updated:2024-12-21 05:56
- Watch:127970
- Star:127970
- Fork:27160
- The React Framework
- vuepress
- Owner:vuejs
- Updated:2024-12-21 02:46
- Watch:22617
- Star:22617
- Fork:4754
- 📝 Minimalistic Vue-powered static site generator
GraphQL
GraphQL
生态圈正在高速发展,并且有一个大趋势是: 一些工具的出现能够简化 GraphQL
的配置过程。Gatsby
依然是第一名,而且它绝对是最易上手使用 GraphQL
的工具之一。
从 Graphcool
演变而来的 Prisma
位于第二。与此同时,Hasura GraphQL Engine
还可以帮你直接从数据库生成一个能运作的后端。
前 15 名的其余部分,包括 GraphQL
服务端、客户端、以及各种其他工具 —— 比如 GraphQL Playground
。
- gatsby
- Owner:gatsbyjs
- Updated:2024-12-20 21:27
- Watch:55316
- Star:55316
- Fork:10309
- The best React-based framework with performance, scalability and security built in.
学习资源