2016年JavaScript领域中最受欢迎的“明星”们
jopen 7年前
<p style="text-align: center;"><a href="/misc/goto?guid=4958190462259388048" title="程序员"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/a08e318ff2ebc4ad30d5e6ff0cd93701.jpg" /></a></p> <p>JavaScript 社区的发展正如盛壮之时的骐骥，—日而驰千里，趋势如长江后浪推前浪。</p> <p>2016 年已经过去了，你是否会担心错过一些重要的东西？无须担心，<a href="/misc/goto?guid=4958999003089621966">JS.ORG</a> 不久前分享了一篇<a href="/misc/goto?guid=4958999003194402398">博文</a>，为大家回顾了去年主要的趋势。</p> <p>InfoQ 翻译并整理这篇博文，以飨 JavaScript 的开发者。</p> <p>JS.ORG 通过比较过去 12 个月里，在 Github 上增加的星标数，告诉你 2016 年的趋势。</p> <p>在 2015 年，<a href="/misc/goto?guid=4958968605084997344">React</a> 是社区之王，<a href="/misc/goto?guid=4958973395905045282">Redux</a> 在与 <a href="/misc/goto?guid=4958849454641829982">Flux</a> 的大战中获胜。那么，谁是 2016 年的 JavaScript 的新星？</p> <p>以下图表比较了 Github 在过去 12 个月中增加的星标数量。JS.ORG 分析了 <a href="/misc/goto?guid=4958999003405095251">bestof.js.org</a> 的项目，这是一个与网络平台相关的最佳项目的精选列表。</p> <p><strong>一. 2016 年最受欢迎的项目</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/48efe42fc73316bb804a14244db18f95.png" /></p> <p>概述</p> <p>通过一年中最热门的 10 个项目，由此可以很好地了解 2016 年的 Web 开发环境，因为您会发现：</p> <ul> <li>3 个 UI 框架：<a href="/misc/goto?guid=4958857378973396767">Vue.JS</a>、<a href="/misc/goto?guid=4958968605084997344">React</a>、<a href="/misc/goto?guid=4958866372165218034">Angular 2</a></li> <li>新的 node.js 包管理器：<a href="/misc/goto?guid=4958999003582682021">Yarn</a></li> <li>构建桌面应用程序的领先解决方案：<a href="/misc/goto?guid=4958875078695602791">Electron</a></li> <li>快速启动新的 React 项目的解决方案：C<a href="/misc/goto?guid=4958996917562467082">raste React App</a></li> <li>移动框架：<a href="/misc/goto?guid=4958869360442056133">React Native</a></li> <li>最著名的 CSS 工具包：<a href="/misc/goto?guid=4958332662969681733">Bootstrap</a></li> <li>基于函数概念的状态管理库：<a href="/misc/goto?guid=4958973395905045282">Redux</a></li> <li>强大灵活的图表库：<a href="/misc/goto?guid=4958962064185158312">D3</a></li> </ul> <p>以上展现了 2016 年中，JavaScript 表现出了无处不在，功能多样的特性。</p> <p>而 2016 年的王者是……</p> <p><a href="/misc/goto?guid=4958857378973396767">Vue.JS</a> 项目在去年的 Github 上获得了超过 25,000 颗星标，将包括 React 和 Angular 的其他框架甩在身后，一骑绝尘。</p> <p>10 月发布的 Veu.JS 的<a href="/misc/goto?guid=4958999003865685619">版本2</a>，带来了虚拟 DOM 的性能。</p> <p><a href="/misc/goto?guid=4958857378973396767">Vue.JS</a> 用于大公司（包括阿里巴巴，中国最大的电子商务公司）的生产，所以你可以认为它是一个安全的选择。</p> <p>它已经有一个相当成熟的生态系统，包括路由（<a href="/misc/goto?guid=4958999003969318554">vue-router</a>）和状态管理库（<a href="/misc/goto?guid=4958976113098745443">Vuex</a>）。</p> <p>看来 <a href="/misc/goto?guid=4958857378973396767">Vue.JS</a> 采用了最好的 <a href="/misc/goto?guid=4958968605084997344">React</a>（组件方法）和 <a href="/misc/goto?guid=4958319784807616451">AngularJS</a>（模板是 html 代码增强的框架特性）。</p> <p><strong>二. 前端框架</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/9bc35d965b0113deed337c97b7187af8.png" /></p> <p>前端框架类可能是 2016 年 <a href="/misc/goto?guid=4958999005389090160">JavaScript 最累</a>的一个牌行榜，几乎每个月都会出现一个竞争者，但是，这推动了创新的步伐。</p> <p>确切地说，在这个类别中混合了两种类型的项目：</p> <ul> <li>完整的框架包含了所有功能，能够创建一个现代的 Web 应用程序（路由、数据提取、状态管理）。<a href="/misc/goto?guid=4958319784807616451">AngularJS</a>、<a href="/misc/goto?guid=4958866372165218034">Angular 2</a>、<a href="/misc/goto?guid=4958999005540161675">Ember</a> 或 <a href="/misc/goto?guid=4958999005658157881">Aurelia</a> 都属于这一类。</li> <li>更轻量级的解决方案专注于 UI 层，如 <a href="/misc/goto?guid=4958968605084997344">React</a>、<a href="/misc/goto?guid=4958857378973396767">Vue.JS</a>、<a href="/misc/goto?guid=4958999005812682236">Inferno</a>……</li> </ul> <p>我们已经提到了总体排名第一的 <a href="/misc/goto?guid=4958857378973396767">Vue.JS</a>，让我们看看其他竞争者。</p> <p>React 及其竞争者</p> <p><a href="/misc/goto?guid=4958968605084997344">React</a> 总体排名第二，前端开发者没有谁可以忽略 React 及其丰富的生态系统。</p> <p><a href="/misc/goto?guid=4958968605084997344">React</a> 如此受欢迎，它激发了很多其他库，旨在采取最好的 React，没有臃肿，提高在浏览器的性能和构建时间。</p> <p><a href="/misc/goto?guid=4958999005812682236">Inferno</a> 是这个类别中最受欢迎的项目，它声称是 React 最快的替代品。</p> <p>在我们的排名中，紧跟 Inferno 之后，<a href="/misc/goto?guid=4958999005994964561">Preact</a> 也是 React 的一个不错的替代品。它的生态系统是相当成熟的，例如有一个具有离线功能的 Bolierplates、路由、Compat 模块，以便您可以使用 Preact 项目中的任何现有 React 库。</p> <p>Angular 1 和2</p> <p>Angular 项目已经拆分为 2 个存储库，因为 Angular 2 是 Angular 1 的完全重写，即使一些概念保持不变。</p> <p><a href="/misc/goto?guid=4958866372165218034">Angular 2</a>是用 TypeScript 编写的，并且利用 ES6 提供一个现代和彻底的框架。</p> <p><a href="/misc/goto?guid=4958319784807616451">AngularJS</a> 项目是 1.x 的分支，它在许多项目中仍然使用，并将继续流行一段时间。</p> <p>值得一提的是，<a href="/misc/goto?guid=4958999005540161675">Ember</a> 虽然拥有庞大的生态系统，但它的社区并不在前十名。</p> <p>因此看起来，与其选择“开箱即用”的所有功能的完整框架，2016 年开发商更倾向轻量级的方案，并喜欢组成自己的方案——“点菜”。</p> <p>在 2016 年调味的更轻的方法，并更喜欢组成自己的解决方案“点菜”。</p> <p><strong>三. Node.js 框架</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/26545df065494f88533ac63ba7a3cd0d.png" /></p> <p>2016 年，使用以下解决方案创建和部署 node.js 应用程序从未如此简单：</p> <ul> <li><a href="/misc/goto?guid=4958999006156410080">Now</a></li> <li><a href="/misc/goto?guid=4958999006290210722">Webtask.io</a></li> <li><a href="/misc/goto?guid=4958999006414604856">Stdlib</a></li> </ul> <p>像 <a href="/misc/goto?guid=4958999006538778148">Gomix</a> 这样的项目甚至降低了 node.js 世界的门槛，使得任何人都可以在浏览器中轻松点击几下来编写和共享 node.js 代码。</p> <p>如果你必须构建一个 web 应用程序，你会选择哪个框架？</p> <p><a href="/misc/goto?guid=4958999006662315028">Express</a></p> <p>当你使用 node.js 构建 Web 应用程序时，<a href="/misc/goto?guid=4958999006662315028">Express</a> 通常被视为事实上的 Web 服务器。它的哲学（一个可以使用中间件包扩展的简约核心）是大多数 node.js 开发人员熟悉的。</p> <p><a href="/misc/goto?guid=4958827254298637858">Koa</a></p> <p><a href="/misc/goto?guid=4958827254298637858">Koa</a> 的哲学接近 Express，但它是使用 ES6 生成器，以避免有时被称为回调地狱的问题。</p> <p><a href="/misc/goto?guid=4958826801301812199">Feathers</a></p> <p><a href="/misc/goto?guid=4958826801301812199">Feathers</a> 是一个非常灵活的解决方案，创建一个“面向服务”的架构，它是一个很好的适合创建 node.js 微服务。</p> <p><a href="/misc/goto?guid=4958999006922200879">Nodal</a></p> <p><a href="/misc/goto?guid=4958999006922200879">Nodal</a> 框架以目标无状态和分布式服务连接到 PostgreSQL 数据库。</p> <p><a href="/misc/goto?guid=4958999007065715860">Keystone</a></p> <p><a href="/misc/goto?guid=4958999007065715860">Keystone</a> 是我所知得到一个管理客户端并运行得最好的解决方案之一，以便管理来自 MongoDB 数据库的内容。管理界面自动从模型生成，具有所有 CRUD 操作和精细的过滤器。</p> <p><a href="/misc/goto?guid=4958999007233444486">Sails</a></p> <p><a href="/misc/goto?guid=4958999007233444486">Sails</a> 是一个完整的 MVC 框架，受 Ruby on Rails 的启发（因此名为 Sails！）。它已经存在了很长时间。它可以与任何类型的数据库（SQL 或无 SQL）良好工作。</p> <p><a href="/misc/goto?guid=4958837620173308012">Loopback</a></p> <p><a href="/misc/goto?guid=4958837620173308012">Loopback</a> 是另一个成熟的框架，内置许多函数，包括使用令牌和到任何类型的数据库的连接器的认证。</p> <p>它的杀手级功能是 API 浏览器功能，允许开发人员以直观的方式检查所有 API 端点，并能检查任何用户的令牌。如果你必须构建一个 API，这绝对是一个不错的选择。</p> <p><strong>四. React Boilerplates</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/c21a7f24574b805f0d49a08c729c6d4c.png" /></p> <p>React 是一个伟大的 UI 库，但使用 React 和现代 Web 开发工作流工具需要大量的配置。那么如何开始创建一个应用程序呢？</p> <p>这是 React 的“Boilerplates”和其他“Starter Kits”提供的答案：</p> <p><a href="/misc/goto?guid=4958996917562467082">Create React App</a></p> <p>非死book 通过提供一个称为 <a href="/misc/goto?guid=4958996917562467082">Create React App</a> 的轻量级方法来解决这个需求，这是一个非常方便的启动一个新的 React 项目。</p> <p><a href="/misc/goto?guid=4958879058460527318">Dan Abramov</a>（Redux 的创造者，现在为 非死book 工作）做了一个伟大的工作，在简单性和功能找到了正确的平衡点。例如，没有花哨的样式解决方案（只是简单的 CSS），没有服务器端渲染，但是所有的一切，都很好地打包了，开发人员的体验非常棒。</p> <p>与其竞争者的主要区别是，如果使用 <a href="/misc/goto?guid=4958996917562467082">Create React App</a>，它将成为项目的依赖项，所有的魔法是隐藏的，你看到的只是你的应用程序代码。您可以随时升级依赖关系，它并非只是一个起点。</p> <p><a href="/misc/goto?guid=4958999007514134598">React boilerplate</a></p> <p>命名为 <a href="/misc/goto?guid=4958999007514134598">React boilerplate</a> 具有您需要的一切，包括 <a href="/misc/goto?guid=4958973395905045282">Redux</a> 和一些漂亮的离线功能，利用 web workers 技术。</p> <p>它让开发人员创建所谓的渐进式 Web 应用程序（Progressive Web Applications，PWA）：离线运行的 Web 应用程序，使用一种名为 Service Worker 的技术，请阅读 NicolásBevacqua 的这篇<a href="/misc/goto?guid=4958999007652333884">文章</a>。</p> <p><a href="/misc/goto?guid=4958999007763604188">Next.js</a></p> <p><a href="/misc/goto?guid=4958999007763604188">Next.js</a> 由 <a href="/misc/goto?guid=4958999007887811463">Zeit</a> 创建，具有可用于创建通用应用程序的服务器端呈现功能（或同构应用程序，如我们在 2015 年所说），也就是说客户端和服务器端运行的应用程序使用相同代码。</p> <p><strong>五. Mobile</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/c6000a748794f1cd076a9bfe0c871696.png" /></p> <p>JavaScript 无处不在，你可以使用技术 Web 开发人员已知的任何技术（HTML、JavaScript、CSS）构建移动应用程序。</p> <p><a href="/misc/goto?guid=4958869360442056133">React Native</a></p> <p>使用 React Native，你可以从相同的代码库使用 React 开发人员熟悉的概念构建 iOS 和 Android 真正的原生移动应用程序。要了解有关构建 iOS 和 Android 应用程序的更多信息，请阅读<a href="/misc/goto?guid=4958996918024621333">这本教程</a>。</p> <p>其他基于 Cordova 的解决方案，依靠 Webview 来渲染屏幕，并且不如原生解决方案那么高效。 “一次编写，随处运行”，这是开发人员的梦想成真！</p> <p><a href="/misc/goto?guid=4958821868446522552">Ionic</a></p> <p>Ionic 是“混合”应用程序概念的先驱。在后台中，它基于 Cordova 访问移动设备功能。这是一个非常成熟的大型生态系统。</p> <p><a href="/misc/goto?guid=4958999008099230280">NativeScript</a></p> <p><a href="/misc/goto?guid=4958999008099230280">NativeScript</a> 旨在实现与 <a href="/misc/goto?guid=4958869360442056133">React Native</a> 相同的目标（使用 Web 技术构建真正的移动应用程序）。它有两种种风格：NativeScript Core 和 NativeScript + Angular 2。</p> <p>前瞻</p> <p>在 2017 年密切关注的一个项目：<a href="/misc/goto?guid=4958999008234348192">Weex</a>，一个构建在 <a href="/misc/goto?guid=4958857378973396767">Vue.JS</a> 之上的移动跨平台 UI 框架。</p> <p><strong>六. Compilers</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/03262892c2a7a240d5e0c463e9df27aa.png" /></p> <p>我们在这里谈论生成任何语言（或 JavaScript 的任何变体）的 JavaScript 的编译器（或“transpilers”）。它们将代码转换为浏览器（或 node.js）可以执行的“标准 JavaScript”代码。</p> <p>例如，编译器允许开发人员使用最新版本的 JavaScript（ES6）编写代码，而无须担心浏览器的支持。</p> <p><a href="/misc/goto?guid=4958525065789866060">TypeScript</a></p> <p>最时髦的转换器是 <a href="/misc/goto?guid=4958525065789866060">TypeScript</a>，它为 Web 开发人员提供了 Java 和C＃开发人员使用的静态类型。事实上，<a href="/misc/goto?guid=4958866372165218034">Angular 2</a>使用 TypeScript 增加了更多的牵引力。在 JavaScript 中使用类型有优缺点，阅读这些文章，使你自己的观点：</p> <ul> <li><a href="/misc/goto?guid=4958999008415098003">你可能不需要 TypeScript</a></li> <li><a href="/misc/goto?guid=4958999008542969354">TypeScript：缺失的介绍</a></li> </ul> <p><a href="/misc/goto?guid=4958877845976897237">Babel</a></p> <p><a href="/misc/goto?guid=4958877845976897237">Babel</a> 与 Webpack 一起，几乎成为编译 ES5 代码和标准 JavaScript 中的库（如 React（JSX））使用的模板的标准。最初创建用于编译 ES6，它成为一个更通用的工具，可以完成任何代码转换，拜一个系统的插件所赐。</p> <p><a href="/misc/goto?guid=4958999008700380509">Flow</a></p> <p><a href="/misc/goto?guid=4958999008700380509">Flow</a> 不是一个编译器，它是一个用于“注释”JavaScript 代码的静态类型检查器。基本上在代码库中使用 Flow 意味着添加注释来描述期望的类型（点<a href="/misc/goto?guid=4958999008831055911">阅读</a>更多了解使用 Flow 编写模块）。</p> <p>它在 非死book 项目的代码源内使用。因为 非死book 成为开源世界的主要角色之一（像 <a href="/misc/goto?guid=4958968605084997344">React</a>、<a href="/misc/goto?guid=4958869360442056133">React Native</a>、<a href="/misc/goto?guid=4958849454641829982">Flux</a>、<a href="/misc/goto?guid=4958853388420474411">Immutable</a>、<a href="/misc/goto?guid=4958834376951638365">Jest</a> 等项目），这意味着很多。</p> <p><a href="/misc/goto?guid=4958524591480500361">CoffeeScript</a></p> <p>多年来，<a href="/misc/goto?guid=4958524591480500361">CoffeeScript</a> 由于其精简语法（灵感来自 Python 和 Ruby 语法），成为最受欢迎的编译器，但它在 2016 年不太流行，很多开发人员从 CoffeeScript 迁移到 ES6 与 Babel。</p> <p><strong>七. Build Tools</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/4bd59957f5ae1682dfcf143125d9bb2a.png" /></p> <p>在 2016 年，很难想象一个没有任何构建过程的 Web 应用程序。通常需要一个构建过程来编译模板和优化资源，以便在生产环境中运行 Web 应用程序。</p> <p><a href="/misc/goto?guid=4958999009084926641">Webpack</a></p> <p><a href="/misc/goto?guid=4958999009084926641">Webpack</a> 是用于构建单页应用程序的主要工具，它与 React 生态系统一起使用。新发布的版本 2 带来了一些令人鼓舞的增强功能（查看这份<a href="/misc/goto?guid=4958999009213203106">介绍</a>）。</p> <p><a href="/misc/goto?guid=4958825205695716034">Gulp</a></p> <p><a href="/misc/goto?guid=4958825205695716034">Gulp</a> 是一个通用的任务运行器，可以用于涉及文件系统的任何类型的自动过程，因此它不是 Webpack 或 Browserify 的直接竞争者。</p> <p>像 <a href="/misc/goto?guid=4958524645657745150">Grunt</a> 一样，Gulp 通过聚合工作：你可以要求它缩小和连接资源列表，但是它不会像 <a href="/misc/goto?guid=4958999009084926641">Webpack</a> 或 <a href="/misc/goto?guid=4958830652694960670">Browserify</a> 那样处理模块化 JavaScript 本身。</p> <p>然而，它可以很好地与 webpack 一起工作，即使开发人员倾向于使用 npm 脚本。</p> <p><a href="/misc/goto?guid=4958830652694960670">Browserify</a></p> <p><a href="/misc/goto?guid=4958830652694960670">Browserify</a> 由于其简单性，受到了 node.js 开发人员喜爱。</p> <p>基本上，它需要几个 node.js 包作为输入，并为浏览器生成一个单一的“构建”文件作为输出。但是似乎一个更有见地的工具像 <a href="/misc/goto?guid=4958999009084926641">Webpack</a> 是一个更好地适合 Web 应用程序工作流。</p> <p>前瞻</p> <p>2017 年的模块捆绑包，强调性能：汇总（<a href="/misc/goto?guid=4958975739586912540">rollup</a>）。</p> <p>它使用 ES6 模块与一个称为树摇动（Tree shaking）功能创建捆绑包，只包括您在代码中使用的功能，而不是搬运完整的库。</p> <p><strong>八. Testing Frameworks</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/f85106a082363d9375e22307fa183b8c.png" /></p> <p>最著名的两个测试框架是 <a href="/misc/goto?guid=4958830654387613508">Jasmine</a> 和 <a href="/misc/goto?guid=4958968603421901612">Mocha</a>，但最近的两个项目在 2016 年有更多的牵引力：<a href="/misc/goto?guid=4958999009676297712">AVA</a> 和 <a href="/misc/goto?guid=4958834376951638365">Jest</a>。</p> <p><a href="/misc/goto?guid=4958999009676297712">AVA</a></p> <p><a href="/misc/goto?guid=4958999009676297712">AVA</a>，由多产的 <a href="/misc/goto?guid=4958999009832728410">Sindre Sorhus</a> 创建的强调性能（并行测试）和 ES6。 AVA 的语法接近标准测试框架，如 <a href="/misc/goto?guid=4958984395013750561">Tape</a> 和 <a href="/misc/goto?guid=4958999010000672203">Node-tap</a>。</p> <p><a href="/misc/goto?guid=4958834376951638365">Jest</a></p> <p><a href="/misc/goto?guid=4958834376951638365">Jest</a>，另一个 非死book 项目，在过去的几周里得到了很大的牵引力。它在 React 社区中是众所周知的，越来越多的人转向 Jest（阅读<a href="/misc/goto?guid=4958999010140363031">这篇故事</a>来了解），它可能成为 2017 年最流行的测试框架。</p> <p>Jest 有内置的良好的模拟能力，而其他测试框架通常依赖于像 <a href="/misc/goto?guid=4958527979825761315">Sinon.JS</a> 这样的库。</p> <p><strong>九. IDE</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/e55a2b39ab00d8131dc94442867b98a7.png" /></p> <p>关于 IDE（Integrated Development Environment，集成开发环境），值得一提的是，两个最流行的 IDE 是使用 Web 技术开发的开源项目。</p> <p><a href="/misc/goto?guid=4958972296774122390">Visual Studio Code</a></p> <p>在我们的结果中，Microsoft 凭借 <a href="/misc/goto?guid=4958972296774122390">Visual Studio Code</a> 遥遥领先。</p> <p>它提供了一个与 <a href="/misc/goto?guid=4958525065789866060">TypeScript</a> 和 node.js 的很好的集成。一些开发人员提到关于开发速度，很感谢 IntelliSense 功能（高亮和自动完成的混合）。</p> <p>在同一句话中提到“开源”和“微软”不再矛盾了！</p> <p><a href="/misc/goto?guid=4958832861167207492">Atom</a></p> <p><a href="/misc/goto?guid=4958832861167207492">Atom</a> 是由 Github 推动的、并且由 <a href="/misc/goto?guid=4958832861167207492">Electron</a> 构建（像其他一些桌面应用程序，包括 Slack 桌面客户端），并非远远落后 <a href="/misc/goto?guid=4958972296774122390">Visual Studio Code</a>。关于 Atom 的一个有趣的事实：它的主要语言是 CoffeeScript！</p> <p><strong>十. Static Site Generators</strong></p> <p style="text-align:center"><img alt="2016年JavaScript领域中最受欢迎的“明星”们" src="https://simg.open-open.com/show/69aa5e4a85c543542ea9bd64579f24f0.png" /></p> <p>静态网站生成器（Static site generators，SSG）是生成一系列 .html、.css 和 JavaScript 文件的工具，您可以在任何简单的 Web 服务器（Apache 或 NGNX）上部署，而不必大惊小怪，或者设置数据库或任何网络框架。正如 <a href="/misc/goto?guid=4958999010447664524">Gatsby</a> 网站所说：</p> <blockquote> <p>就像 1995 年那样建立网站。</p> </blockquote> <p>静态网站具备快速性、鲁棒性和易维护性。</p> <p>SSG 非常受欢迎，因为有很多很好的解决方案来主持静态网站免费：</p> <ul> <li><a href="/misc/goto?guid=4958852074554327398">Github pages</a></li> <li><a href="/misc/goto?guid=4958999010588313199">Gitlab pages</a></li> <li><a href="/misc/goto?guid=4958999010694069285">Netlify</a></li> <li><a href="/misc/goto?guid=4958999010781961569">Surge</a></li> <li><a href="/misc/goto?guid=4958999010886942459">Now static</a></li> </ul> <p><a href="/misc/goto?guid=4958868590869741515">Hexo</a></p> <p>在 2016 年，使用 node.js 构建的最流行的 SSG 是 <a href="/misc/goto?guid=4958868590869741515">Hexo</a>。它是一个彻底的 SSG，接近 CMS 系统，可用于构建一个博客，如 Wordpress。它有很多功能，包括国际化插件。</p> <p><a href="/misc/goto?guid=4958999010447664524">Gatsby</a></p> <p>新来的 <a href="/misc/goto?guid=4958999010447664524">Gatsby</a> 是一个非常有趣的解决方案，它从竞争对手脱颖而出，因为它使用 React 生态系统来生成静态 html 文件。事实上，您可以组合 React 组件，Markdown 文件和服务器端渲染使它非常强大。</p> <p><strong># 总结</strong></p> <p>尽管存在 JavaScript 疲劳™和戏剧（记住“<a href="/misc/goto?guid=4958999011051206284">左键门</a>”），但对于社区而言，随着像 <a href="/misc/goto?guid=4958857378973396767">Vue.JS</a> 和 <a href="/misc/goto?guid=4958869360442056133">React Native</a> 项目的兴起，以及像 <a href="/misc/goto?guid=4958999003582682021">Yarn</a> 或 <a href="/misc/goto?guid=4958996917562467082">Creat React App</a> 的新项目，2016 年仍然不啻为一个伟大的年份。</p> <p>我们一直在谈论的项目，2016 年在 Github 得到了吸晴，但真正重要的是开发者的满意度。所以，如果你想要一个更定性的方法，上 Sacha Greif 查看 <a href="/misc/goto?guid=4958999011204755705">JavaScript</a> 调查的结果，它收集了超过9,000 的反馈。</p> <p>以下是我的年度十大选择，代表了在 2016 年我所喜欢的项目和想法，将在 2017 年持续增长：</p> <ul> <li><a href="/misc/goto?guid=4958857378973396767">Vue.JS</a>：势头强劲，不会停止</li> <li><a href="/misc/goto?guid=4958875078695602791">Electron</a></li> <li><a href="/misc/goto?guid=4958996917562467082">Create React App</a></li> <li><a href="/misc/goto?guid=4958869360442056133">React Native</a></li> <li><a href="/misc/goto?guid=4958999010447664524">Gatsby</a></li> <li><a href="/misc/goto?guid=4958999003582682021">Yarn</a>: 一个快速，可靠和安全的依赖管理，可以取代 npm，点<a href="/misc/goto?guid=4958999011359831453">此处</a>了解 node.js 包管理器的状态</li> <li>渐进式 Web 应用程序</li> <li>Node.js 微服务使用像 <a href="/misc/goto?guid=4958867323246690255">Now</a> 这样的托管解决方案很容易部署</li> <li><a href="/misc/goto?guid=4958965475550930336">Node.js</a> 的演变：最新版本对 ES6 语法提供良好的支持</li> <li>还有一个选择是 <a href="/misc/goto?guid=4958965475550930336">GraphQL</a>：据我了解，GraphQL 将有大动作</li> </ul> <p>来自: <a href="/misc/goto?guid=4958999011533264960" id="link_source2">InfoQ</a></p>