摘要:本文整理了 2016 年开源的几款 Web 开发工具,它们在发布不到一年的时间内,在 Github 的 Star 数量就突破了 1.5K。
依赖管理
Yarn:Facebook 的 Javascript 包管理器。提供快速,可靠,安全的依赖管理。
https://yarnpkg.com (Oct 2016)

React
指南
React in patterns:React 开发时使用的设计模式/技术列表
https://github.com/krasimir/react-in-patterns(Jul 2016)

React Boilerplates
Create React App:不用配置就可以创建 React App
https://github.com/facebookincubator/create-react-app(Jul 2016)

Next.js:用于在服务端渲染 React 应用程序的简单框架
https://zeit.co/blog/next (Oct 2016)

React Slingshot:React + Redux 入门套装,带有 Babel,热重载,测试,代码检测和一个可用的示例
https://github.com/coryhouse/react-slingshot(Jan 2016)

UI 组件
Draft.js:Facebook 推出的用于 React 的富文本编辑框架,构建于强大的不可变模型和对浏览器差异的抽象化之上
https://facebook.github.io/draft-js/ (Mar 2016)

Recharts:用 React 和 D3 构建的图表库
http://recharts.org (Jan 2016)

Styled Components:组件时代的视觉艺术家
http://styled-components.com (Sep 2016)

React-dates:国际化、移动化的日期选择库。
http://airbnb.io/react-dates (Aug 2016)

端到端测试
TestCafe:用于测试 Web 应用程序的纯 Node.js 端到端解决方案
https://devexpress.github.io/testcafe (Oct 2016)

JavaScript 框架
MJML:标识语言,用来减少编写响应式邮件的复杂度
https://mjml.io (Feb 2016)

Choo:前端框架
https://bit.ly/choo-handbook (May 2016)

Svelte:无运行时依赖的 UI 框架
https://svelte.technology (Nov 2016)

UI 小部件、插件、组件
Flatpickr :轻量级日期时间选择器,无依赖
https://chmln.github.io/flatpickr (Apr 2016)

Algolia Places:给输入框添加地址自动补全功能
https://community.algolia.com/places/ (Apr 2016)

Popper.js:强大的浮动提示库(pop 即弹出层,popper 即弹出层的内容)
https://popper.js.org (Apr 2016)

Bideo.js:Web 的全屏 HTML 5 视频背景
https://rishabhp.github.io/bideo.js/ (May 2016)

Anime.js:JavaScript 动画引擎
http://anime-js.com (Jun 2016)
实用程序、工具
Parse Server :用于 Node/Express 的 Parse API 模块
https://parse.com (Jan 2016)

Webpack-dashboard:Webpack 开发服务器的命令行仪表盘
https://github.com/FormidableLabs/webpack-dashboard (Aug 2016)

Lighthouse:Progressive Web Apps 的审阅,性能测量及最佳实践
http://github.com/GoogleChrome/lighthouse (Mar 2016)

date-fns :现代化的 JavaScript 日期实用程序库
https://date-fns.org (Mar 2016)

Optimize-js :对立即调用函数进行包装,以优化 JavaScript 初次加载速度
https://github.com/nolanlawson/optimize-js (Sep 2016)

vConsole :由微信公众平台前端团队打造的前端调试面板,专治手机端看 log 难题
https://github.com/WechatFE/vConsole (Apr 2016)

教程
JavaScript Stack from Scratch:从零开始构建现代化 JavaScript 应用栈
https://github.com/verekia/js-stack-from-scratch

es6-cheatsheet :包含提示,技巧,最佳实践和代码示例的 ES2015 [ES6] 备忘录
http://github.com/DrkSephy/es6-cheatsheet

52 technologies in 2016:每周日更新一次的新技术博客
https://github.com/shekhargulati/52-technologies-in-2016

其他
下面几个是在 2015 年开源,但在 2016 年才热起来的项目
Inferno:类似 React 的 JavaScript 库,用于构建现代化用户界面

Preact:React 替代方案,轻快,仅有 3KB。提供了相同的 ES6 API,并且也有组件和 Virtual DOM

原文:27 popular new github repositories for web developers in 2016