2018年4月前端必须star的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'))

demo

[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日历,你需要的一切。

    demo

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图像/媒体画廊滑块的一组动画。

    demo

  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

    demo

webgl

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

    demo

  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,流行的技术栈适合用来学习

    demo

    官网

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

    demo

  3. matrix_vision – 在Matrix中看到自己!

    demo

猜你喜欢

转载自blog.csdn.net/qq_29311407/article/details/80175197