2018年4月前端必须star的github项目

这里面图片有的上传会失败，为了良好的阅读体验，移步到本人的github地址查看原文

CLI相关

1. ink -- 把react应用于命令行应用程序

2. consola -- 优雅的控制台记录器

3. hyper -- 在web上显示终端

   官网

const consola = require('consola')

// See types section for all available types
consola.start('Starting build')
consola.success('Built!')
consola.info('Reporter: Some info')
consola.error(new Error('Foo'))

[图片上传失败...(image-e009a-1525309878191)]

[2:17:17 PM] Starting build
[2:17:17 PM] [TEST] Log from test scope
[2:17:18 PM] Built!
[2:17:18 PM] Some info
[2:17:18 PM] Error: Foo

特效相关

1. ParticleEffectsButtons -- 一个可用于爆炸粒子效应按钮和其他元素的小型库

   demo

时间处理

1. dayjs -- 使用相同的现代API替代Moment.js的快速2KB日期库

可视化

1. f2 -- 基于 HTML5 Canvas，开箱即用的移动端可视化解决方案

   demo

   官网示例

vue

1. vuepress -- 基于Vue组件的简约文档生成器

   官网

控件

1. glide -- 0依赖，轻量的slider和走马灯

2. text-mask -- 一个输入掩码库。它可以为手机，日期，货币，邮政编码，百分比，电子邮件和字面上的任何东西创建输入掩码！

   demo

3. tui.calendar -- 一个JavaScript日历，你需要的一切。

   [图片上传失败...(image-ef8821-1525309878191)]

react相关

1. react-smooth-dnd -- 用react写的dnd
   官网

2. react-lifecycle-methods-diagram -- 交互式React生命周期方法图。建议收藏看看非常直观，一看就理解了

   实例展示

3. awesome-react-context -- 与新的React Context API相关的策略列表

4. react-static -- React的渐进式静态网站生成器。

5. generact -- 通过命令行复制你自己的产生React组件

   demo

6. react-table -- React的轻量级，快速和可扩展的数据网格

   demo

7. react-projects -- 在React库上构建的项目集合

   demo

8. react-dates -- 一个易于国际化，易于移动的网页日期选择器库

   demo

9. react-awesome-slider -- ReactJS 60fps轻量级高性能组件，可呈现UI图像/媒体画廊滑块的一组动画。

   [图片上传失败...(image-5db841-1525309878191)]

10. rsuite -- 一组react组件

    官网

react-native

1. react-native-bouncing-preloader -- 使用React Native中的自定义图标弹跳预加载器组件

   demo

Node

1. bull -- 用于处理NodeJS中的作业和消息的高级包，最快，最可靠，基于Redis的Node队列

2. jsonstore -- 通过发送简单的HTTP请求免费存储您的数据非常值得收藏~适合自己写前端demo作为临时数据接口使用

   官网

3. stdlib -- stdlib是JavaScript和Node.js的标准库，重点放在数字和科学计算应用程序上。

   demo

区块链

1. ethereumbook -- Mastering Ethereum英文文档
2. ccxt -- 支持100多个比特币/ altcoin交易所的JavaScript / Python / PHP加密货币交易库

人工智能

1. tfjs -- WebGL加速的基于浏览器的JavaScript库，用于学习和部署ML模型。
2. tfjs-examples -- 使用TensorFlow.js构建的示例
3. picojs -- 200行JavaScript中的人脸检测库

docker

1. dockly -- Docker控制台用户界面和仪表板，用于快速管理和检查容器和服务

   demo

编辑器

1. slate-md-editor -- markdown编辑器，允许你edit live

   [图片上传失败...(image-499133-1525309878191)]

webgl

1. nyc-buildings -- 曼哈顿所有建筑物的交互式三维可视化。

   [图片上传失败...(image-d15856-1525309878191)]

2. pixi.js -- HTML5创建引擎：使用最快，最灵活的2D WebGL渲染器创建精美的数字内容。

文档

1. Web -- 前端入门和进阶学习笔记，超详细的图文教程。从零开始学前端，做一个web全栈工程师。每日更新...
2. front-end-handbook-2018 -- 2018年版的前端开发手册
   文档地址
3. react-in-patterns -- 一本免费的书，讲述在使用React进行开发时使用的设计模式/技术。

funny stuff

1. react-kanban -- 类似于trello的用react构建的看板app，流行的技术栈适合用来学习

   [图片上传失败...(image-37da27-1525309878191)]

   官网

2. React Slack Clone -- 使用react创建slack聊天应用

   demo

3. matrix_vision -- 在Matrix中看到自己！

   [图片上传失败...(image-4a607c-1525309878191)]