2019年2月3月前端必须star的github项目

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

文本处理

1. flexsearch -- Browser和Node.js的下一代全文搜索库

react相关

1. animated-burgers -- React的动画汉堡集合，也可用作HTML + CSS

demo

2. react-three-fiber -- Three.js的React-renderer

[图片上传失败...(image-61dbe9-1554255798161)]

3. formal -- react hooks 时代的优雅跨平台表单管理原语。

import React from "react";
import useFormal from "@kevinwolf/formal";

const initialValues = {
  firstName: "Tony",
  lastName: "Stark",
  email: "[email protected]"
};

function App() {
  const formal = useFormal(initialValues, {
    onSubmit: values => console.log("Your values are:", values)
  });

  return (
    

      

        First Name
        
      

      

        Last Name
        
      

      

        Email
        
      

      Submit
    
  );
}

4. Vibe -- 使用Bootstrap 4构建一个漂亮的react.js仪表板

[图片上传失败...(image-ae6e29-1554255798161)]

动画相关

1. typeit -- 这个星球上最通用的JavaScript动画打字工具
   [图片上传失败...(image-c507b8-1554255798161)]
2. laxxx -- 简单轻巧（2kb缩小和压缩）香草javascript插件，当你滚动时创建流畅和美丽的动画！利用最直观的互动的力量，让您的网站活跃起来！

[图片上传失败...(image-f1da8d-1554255798161)]

demo

css相关

1. linaria -- JS库中的零运行时CSS在js中写css，0 runtime

import { css } from 'linaria';
import { modularScale, hiDPI } from 'polished';
import fonts from './fonts';

// Write your styles in `css` tag
const header = css`
  text-transform: uppercase;
  font-family: ${fonts.heading};
  font-size: ${modularScale(2)};

  ${hiDPI(1.5)} {
    font-size: ${modularScale(2.5)};
  }
`;

// Then use it as a class name
Hello world
;

node

1. httpie -- Node.js HTTP客户端就像馅饼一样简单！

import { get, post } from 'httpie';

try {
  const { data } = await get('https://pokeapi.co/api/v2/pokemon/1');

  // Demo: Endpoint will echo what we've sent
  const res = await post('https://jsonplaceholder.typicode.com/posts', {
    body: {
      id: data.id,
      name: data.name,
      number: data.order,
      moves: data.moves.slice(0, 6)
    }
  });

  console.log(res.statusCode); //=> 201
  console.log(res.data); //=> { id: 1, name: 'bulbasaur', number: 1, moves: [{...}, {...}] }
} catch (err) {
  console.error('Error!', err.statusCode, err.message);
  console.error('~> headers:', err.headers);
  console.error('~> data:', err.data);
}

数据相关

1. construct-js -- 用于创建字节级数据结构的库。

人工智能

1. handtrack.js -- 用于直接在浏览器中进行实时手部检测（边界框）原型设计的库。

[图片上传失败...(image-84614-1554255798161)]

2. nlp.js -- 用于构建机器人的NLP库，具有实体提取，情感分析，自动语言识别等功能

[图片上传失败...(image-510f95-1554255798161)]

react native

1. react-native-really-awesome-button -- React Native按钮组件。 Awesome Button是一个60fps的3D，支持进度，社交就绪，可扩展，生产就绪的组件，可以呈现一组很棒的动画UI按钮

demo

2. react-native-reanimated-bottom-sheet -- 高度可配置的底部组件，使用react-native-reanimated和react-native-gesture-handler制作

[图片上传失败...(image-818615-1554255798161)]

视频相关

1. griffith -- 基于React的网络视频播放器
   不仅仅是react也支持standalone模式
   [图片上传失败...(image-27e2a5-1554255798161)]

表单

1. cleave.js -- 键入时格式化输入文本内容。

请求

1. async-retry -- 重试变得简单，容易和异步

const retry = require('async-retry')
const fetch = require('node-fetch')

await retry(async bail => {
  // if anything throws, we retry
  const res = await fetch('https://google.com')

  if (403 === res.status) {
    // don't retry upon 403
    bail(new Error('Unauthorized'))
    return
  }

  const data = await res.text()
  return data.substr(0, 500)
}, {
  retries: 5
})

vue相关

1. quasar -- 高性能，Material Design 2，带Vue.js的完整前端堆栈

大牛博客

1. frankmcsherry/blog

文档

1. docker_practice -- 通过真正的DevOps练习，学习和了解Docker技术！

funny stuff

1. miniC-hosting -- 一个简单的基于堆栈的虚拟机，在浏览器中运行C.

2. slate -- 适用于API的精美静态文档

   

   demo

   demo

3. wechat-format -- 微信公众号排版编辑器，转化 Markdown 微信特制的 HTML

demo

4. baiduyun -- 油猴脚本 直接下载百度网盘和百度网盘分享的文件,直链下载超级加速
5. programmer-job-blacklist -- 程序员找工作黑名单，换工作和当技术合伙人需谨慎啊 更新有赞
6. 955.WLB -- 955 不加班的公司名单