为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
前端工具

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

CLI相关

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

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

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

    官网

const consola = require('consola')// See types section for all available typesconsola.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 -- 一个可用于爆炸粒子效应按钮和其他元素的小型库

    https://img1.sycdn.imooc.com//5d32a5260001ead106170479.jpg

    demo

时间处理

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

可视化

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

    https://img1.sycdn.imooc.com//5d32a52a000173de06100510.jpg

    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组件

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

  6. demo

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

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


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

  9. [图片上传失败...(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的标准库,重点放在数字和科学计算应用程序上。

    https://img1.sycdn.imooc.com//5d5371ff0001a9cc06910448.jpg

    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控制台用户界面和仪表板,用于快速管理和检查容器和服务

    编辑器

  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聊天应用

    matrix_vision -- 在Matrix中看到自己!




作者:mytac
链接:https://www.jianshu.com/p/96e90124f392


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消