WORTH LEARING FROM US

React:

React

A JavaScript library for building user interfaces(用于构建用户界面的 JavaScript 库)

github: https://github.com/facebook/react

English: https://reactjs.org/

中文: https://react.docschina.org/

JSX

JSX - a faster, safer, easier JavaScript(JavaScript 的语法糖)

github: https://github.com/jsx/JSX

English: http://jsx.github.io/

中文: none

create-react-app

Create React apps with no build configuration(搭建 React 脚手架)

github: https://github.com/facebook/create-react-app

English: none

中文简书: https://www.jianshu.com/p/c6040430b18d

Gatsby

Blazing fast site generator for React(搭建 React 脚手架)

github: https://github.com/gatsbyjs/gatsby

English: https://www.gatsbyjs.org/

中文: none

React-Native

Build native mobile apps using JavaScript and React(使用 JavaScript 和 React 构建移动应用程序)

github: https://github.com/facebook/react-native

English: https://facebook.github.io/react-native/

中文: https://reactnative.cn/

react-router

React Router is a collection of navigational components that compose declaratively with your application(React Router 是 React 路由组件)

github: https://github.com/ReactTraining/react-router

English: https://reacttraining.com/react-router/

中文参考文档: https://segmentfault.com/a/1190000014294604

Redux

Predictable state container for JavaScript apps (Redux 是 JavaScript 状态容器)

github English address : https://github.com/reduxjs/redux

guthub 中文地址: https://github.com/camsong/redux-in-chinese

English: https://redux.js.org/

中文: http://www.redux.org.cn/

React-Redux

Official React bindings for Redux (React-Redux 是 基于 Redux 的 JavaScript 状态容器)

github: https://github.com/reduxjs/react-redux

Mobx-React

React bindings for MobX (React 绑定 Mobx)

github: https://github.com/mobxjs/mobx-react

English: none

中文: none

Mobx

Simple and scalable state management(简单且可扩展的状态管理)

github: https://github.com/mobxjs/mobx

English(Mobx4): https://mobx.js.org

中文(Mobx3): https://cn.mobx.js.org/

中文(Mobx4): https://cn.mobx.js.org/refguide/api.html

React-Keeper

A routing library of React (React 路由库)

github: https://github.com/vifird/react-keeper

ant-design

An enterprise-class UI design language and React-based implementation(基于 React 的一套企业级 UI 设计语言)

github: https://github.com/ReactTraining/react-router

English(WEB): https://ant.design/docs/react/introduce

中文(WEB): https://ant.design/docs/react/introduce-cn

English(MOB): https://mobile.ant.design/

中文(MOB): https://mobile.ant.design/index-cn

Preact

Fast 3kB React alternative with the same modern API (React 的 轻量化方案)

github: https://github.com/developit/preact

English: https://preactjs.com/

中文: https://preactjs.com/

Evergreen

Evergreen React UI Framework by Segment (React 的 UI 库)

github: https://github.com/segmentio/evergreen

English: https://evergreen.surge.sh/

中文: none

Kui-React

Kui React UI Framework by Segment (前端 UI 组件组 KUI for React)

github: https://github.com/chuchur/kui-react

English: none

中文: https://react.k-ui.xyz/

Ice

Backend library (基于 React/Vue/Angular 的中后端库)

github: https://github.com/alibaba/ice

English: none

中文: https://alibaba.github.io/ice/

Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate(基于 React 的一套中台前端/设计解决方案)

github: https://github.com/ant-design/ant-design-pro

English: none

中文: https://pro.ant.design/

Next.js

Next.js is a lightweight framework for static and server‑rendered applications(基于 React 实现服务器端渲染的库)

github: https://github.com/zeit/next.js

English: https://nextjs.org/

中文: none

Material-Ui

React components that implement Google's Material Design(基于 React 的 UI 库)

github: https://github.com/mui-org/material-ui

English: https://material-ui.com/

中文: none

BizCharts

charting and visualization library (桌面端商业统计图表)

github: https://github.com/alibaba/BizCharts

English: none

中文: http://bizcharts.net/products/bizCharts

Awesome-React

A collection of awesome things regarding React ecosystem(React 生态系统)

github: https://github.com/enaqx/awesome-react

Taro

Taro is a multi-end development solution that follows the React syntax specification(Taro 是一套遵循 React 语法规范的 多端开发 解决方案)

github: https://github.com/NervJS/taro

React-Swipes

React-based mobile card slide assembly(基于 React 的移动端卡片滑动组件)

github: https://github.com/younth/react-swipes

Demo: https://codesandbox.io/s/6xx1v0xo2z

Nylas-Mail

An extensible desktop mail app built on the modern web (可扩展桌面邮件应用程序)

github: https://github.com/nylas/nylas-mail

English: https://nylas.github.io/nylas-mail/

中文: none

Awesome-React-Components

Catalog of React Components & Libraries (React 组件和库目录)

github: https://github.com/brillout/awesome-react-components

English: https://devarchy.com/react

中文: none

React-Developer-Roadmap

Roadmap to becoming a React developer in 2018 (React 学习面试图解)

github English address : https://github.com/adam-golab/react-developer-roadmap

guthub 中文地址: https://github.com/adam-golab/react-developer-roadmap/blob/master/README-CN.md

Under-the-hood-ReactJS

This repository contains an explanation of inner work of React (对 React 内部工作的解释)

github: https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS

English: https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/

中文: https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/stack/languages/chinese/book/Intro.html

Ivideo

A client that can watch video of domestic(China) mainstream video platform (基于 React 开发的视频软件)

github: https://github.com/phobal/ivideo

Vue

Vue

The Progressive JavaScript Framework(渐进式 JavaScript 框架)

github: https://github.com/vuejs/vue

English: https://vuejs.org/

中文: https://cn.vuejs.org/

Vuex

Centralized State Management for Vue.js (应用程序开发的状态管理模式)

github: https://github.com/vuejs/vuex

English: https://vuex.vuejs.org/

中文: https://vuex.vuejs.org/zh/

Vue-Router

The official router for Vue.js (路由管理器)

github: https://github.com/vuejs/vue-router

English: https://router.vuejs.org/

中文: https://router.vuejs.org/zh/

Vue-Cli

Standard Tooling for Vue.js Development (搭建 Vue 脚手架框架)

github: https://github.com/vuejs/vue-cli

English: https://cli.vuejs.org/

中文: https://cli.vuejs.org/zh/

Vuepress

Minimalistic Vue-powered static site generator (Vue 驱动的静态网站生成器)

github: https://github.com/vuejs/vuepress

English: https://vuepress.vuejs.org/

中文: https://vuepress.vuejs.org/zh/

Vue-Hackernews-2.0

HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering (Vue 服务器渲染)

github: https://github.com/vuejs/vue-hackernews-2.0

English: https://ssr.vuejs.org/

中文: https://ssr.vuejs.org/zh/

Awesome-Vue

A curated list of awesome things related to Vue.js (Vue 相关资料)

github: https://github.com/vuejs/awesome-vue

Element

A Vue.js 2.0 UI Toolkit for Web (基于 Vue 2.0 的桌面端组件库)

github: https://github.com/ElemeFE/element

English: https://element.eleme.io/#/en-US

中文: http://element-cn.eleme.io/#/zh-CN

Ant-Design-Vue

An enterprise-class UI components based on Ant Design and Vue (基于 Vue 实现的 UI 设计语言)

github: https://github.com/vueComponent/ant-design-vue

English: https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce/

中文: https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/

Kui-Vue

A Vue.js 2.0 UI Toolkit for Web (基于 Vue 2.0 实现的 UI 设计语言)

github: https://github.com/chuchur/kui-vue

English: none

中文: https://k-ui.xyz/

Iview

A high quality UI Toolkit built on Vue.js 2.0 (基于 Vue 实现的 UI 库)

github: https://github.com/iview/iview

English: https://www.iviewui.com/

中文: https://www.iviewui.com/

Buefy

Lightweight UI components for Vue.js based on Bulma (基于 Vue 实现的 UI 库)

github: https://github.com/buefy/buefy

English: https://buefy.github.io/#/

中文: none

Vue-Element-Admin

A magical vue admin (基于 Vue 和 Element 的中间端组件库)

github: https://github.com/PanJiaChen/vue-element-admin

English: https://panjiachen.github.io/vue-element-admin-site/

中文: https://panjiachen.github.io/vue-element-admin-site/zh/

Iview-Admin

Vue 2.0 admin management system template based on iView (基于 Vue 和 Element 的中间端组件库)

github: https://github.com/iview/iview-admin

English: none

中文: https://lison16.github.io/iview-admin-doc/#/

D2-Admin

An elegant dashboard (基于 Vue 和 Element 的中间端组件库)

github: https://github.com/d2-projects/d2-admin

English: http://app.d3collection.cn/d2-admin-doc/lastest/

中文: http://app.d3collection.cn/d2-admin-doc/lastest/zh/

Vuestic-Admin

Vue.js admin dashboard (基于 Vue 和 Bootstrap 的中间端组件库)

github: https://github.com/epicmaxco/vuestic-admin

English: https://github.com/epicmaxco/vuestic-admin/wiki/Navbar

中文: none

Muse-UI

Material Design UI library for Vuejs 2.0 (基于 Vue 实现的 UI 库)

github: https://github.com/museui/muse-ui

English: https://muse-ui.org/#/en-US

中文: https://muse-ui.org/#/zh-CN/

Vue-Ydui

A mobile components Library with Vue2.js (基于 Vue2.x 的移动端组件库)

github: https://github.com/ydcss/vue-ydui

English: none

中文: http://vue.ydui.org/

Vant

Lightweight Mobile UI Components built on Vue (移动端 Vue 组件库)

github: https://github.com/youzan/vant

English: https://youzan.github.io/vant/#/en-US/intro

中文: https://youzan.github.io/vant/#/zh-CN/intro

Vux

Mobile UI Components based on Vue & WeUI (移动端 Vue 组件库)

github: https://github.com/airyland/vux

English: none

中文: https://vux.li/

Best-Resume-Ever

Build fast and easy multiple beautiful resumes and create your best CV ever (Vue 实现的简历)

github: https://github.com/salomonelli/best-resume-ever

Angular

Angular

One framework Mobile & desktop(渐进式 Web 应用程序)

github: https://github.com/angular/angular

English: https://angular.io/

中文: https://angular.cn/

Angular.js

One framework Mobile & desktop(渐进式 Web 应用程序)

github: https://github.com/angular/angular

English: https://angularjs.org/

中文: http://www.angularjs.net.cn/

Ng-Zorro

An enterprise-class UI components based on Ant Design and Angular(基于 Angular 的一套企业级 UI 设计语言)

github: https://github.com/NG-ZORRO/ng-zorro-antd

English: https://ng.ant.design/docs/introduce/en

中文: https://ng.ant.design/docs/introduce/zh

jQuery

jQuery

jQuery JavaScript Library(Javascript 库)

github: https://github.com/jquery/jquery

English: https://jquery.com/

中文(w3school): http://www.w3school.com.cn/jquery/

中文: http://jquery.cuishifeng.cn/

jQuery-UI

The official jQuery user interface library(Javascript 库)

github: https://github.com/jquery/jquery-ui

English: https://jqueryui.com/

中文: http://www.jqueryui.org.cn/

JsAaron/jQuery

Study jQuery(学习 jQuery 文档)

github: https://github.com/JsAaron/jQuery

CSS

Less.js

Less. The dynamic stylesheet language(css 预编译)

github: https://github.com/less/less.js

English: http://lesscss.org/

中文: http://lesscss.cn/

Sass

Sass makes CSS fun again(css 预编译)

github: https://github.com/sass/ruby-sass

English: https://sass-lang.com/

中文: https://www.sass.hk/

Linaria

Zero-runtime CSS in JS library(css 预编译)

github: https://github.com/callstack/linaria

English: https://linaria.now.sh/

中文: none

UI Library (UI 库)

Bootstrap

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS(web 端的响应式组件库)

github: https://github.com/twbs/bootstrap

English: http://getbootstrap.com/

中文: http://www.bootcss.com/

Layui

UI library(模块化前端框架)

github: https://github.com/sentsin/layui

English: none

中文: https://www.layui.com/

Ionic

UI library(Mob 响应式框架)

github: https://github.com/ionic-team/ionic

English: https://ionicframework.com/

中文: http://www.ionic.wang/js_doc-index.html

Storybook

Interactive UI component dev(交互式 UI 组件开发和测试)

github: https://github.com/storybooks/storybook

English: https://storybook.js.org/

中文: none

Other Framework (其它框架/库)

Ember.js

A JavaScript framework(Web 应用程序框架)

github: https://github.com/photonstorm/phaser

English: https://www.emberjs.com/

中文: none

Mithril.js

A Javascript Framework for Building Brilliant Applications (构建应用程序的 Javascript 框架)

github: https://github.com/MithrilJS/mithril.js

English: https://mithril.js.org/

中文: none

Electron

Build cross-platform desktop apps with JavaScript, HTML, and CSS (框架)

github: https://github.com/electron/electron

English: https://electronjs.org/

中文: https://electronjs.org/

Weex

A framework for building Mobile cross-platform UI (构建移动跨平台 UI 的框架)

github: https://github.com/apache/incubator-weex

English: https://weex.apache.org/

中文: https://weex.apache.org/cn/index.html

HTTP Request (HTTP 请求)

Axios

Promise based HTTP client for the browser and node.js(基于 Promise 的 HTTP 请求插件)

github: https://github.com/axios/axios

中文简书: https://www.jianshu.com/p/7a9fbcbb1114

Pollyjs

Record, Replay, and Stub HTTP Interactions(记录，重播和存根 HTTP 交互)

github: https://github.com/Netflix/pollyjs

English: https://netflix.github.io/pollyjs/#/

Anyproxy

A fully configurable http/https proxy in NodeJS(NodeJS 中的完全可配置的 http / https 代理)

github: https://github.com/alibaba/anyproxy

English: http://anyproxy.io/en

中文: http://anyproxy.io/cn/

Mitmproxy

An interactive TLS-capable intercepting HTTP proxy for penetration testers and software developers(具有交互式 TLS 功能的拦截 HTTP 代理)

github: https://github.com/mitmproxy/mitmproxy

English: https://mitmproxy.org/

中文简书: https://www.jianshu.com/p/0eb46f21fee9

Compiler (编译器)

Babel

Babel is a JavaScript compiler(一个 JavaScript 编译器)

github: https://github.com/babel/babel

English: https://babeljs.io/

中文: https://www.babeljs.cn/

Application Bundler (打包工具)

Webpack

A bundler for javascript and friends (Web 应用打包工具)

github: https://github.com/webpack/webpack

English: https://webpack.js.org/

中文: https://www.webpackjs.com/

Parcel

Blazing fast, zero configuration web application bundler (极速零配置 Web 应用打包工具)

github: https://github.com/parcel-bundler/parcel

English: https://parceljs.org/

中文: https://zh.parceljs.org/

Mostly Reasonable Approach (编码规范)

ESLint

ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code(ESLint 是一种用于识别和报告 ECMAScript / JavaScript 代码中的模式的工具 并且是基于 Espree)

github: https://github.com/eslint/eslint

English: https://eslint.org/

中文: http://eslint.cn/

Espree

Esprima is a high performance, standard-compliant ECMAScript parser written in ECMAScript (Esprima 是一个高性能且符合标准的 ECMAScript 解析器)

github: https://github.com/eslint/espree

Airbnb

A mostly reasonable approach to JavaScript(Airbnb JavaScript 编码规范)

github English address : https://github.com/airbnb/javascript

guthub 中文地址: https://github.com/yuche/javascript

Standard

JavaScript Style Guide, with linter & automatic code fixer (JavaScript 代码规范插件)

github: https://github.com/standard/standard

English: https://standardjs.com/

中文: https://standardjs.com/readme-zhcn.html

Front-End-Performance-Checklist

Front-End Performance Checklist (前端性能检查插件)

github: https://github.com/thedaviddias/Front-End-Performance-Checklist

English: https://frontendchecklist.io(soon on)

中文: none

Study (学习)

free-programming-books-zh_CN(免费的编程中文书籍索引)

github: https://github.com/justjavac/free-programming-books-zh_CN

freeCodeCamp

freeCodeCamp is a friendly community where you can learn to code for free(免费学习编码的社区)

github English address: https://github.com/freeCodeCamp/freeCodeCamp

github 中文地址: https://github.com/FreeCodeCampChina/freecodecamp.cn

English: https://www.freecodecamp.org/

中文: https://freecodecamp.cn/

Javascript-Algorithms

JavaScript algorithm and data structure(JavaScript 的算法与数据结构)

github English address : https://github.com/trekhleb/javascript-algorithms/

guthub 中文地址: https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md

Awesome-Design-Patterns

A curated list of software and architecture related design patterns(精选的软件和架构相关设计模式列表)

github: https://github.com/DovAmir/awesome-design-patterns

30-seconds-of-code

Curated collection of useful Javascript snippets that you can understand in 30 seconds or less （30S 能读懂的精选代码)

github English address : https://github.com/Chalarangelo/30-seconds-of-code

guthub 中文地址: https://github.com/SD-Gaming/30s-code-translate-into-Chinese-

English: https://30secondsofcode.org/

Best-websites-a-programmer-should-visit

Some useful websites for programmers（一些有用的程序员网站)

github English address : https://github.com/sdmg15/Best-websites-a-programmer-should-visit

guthub 中文地址: https://github.com/tuteng/Best-websites-a-programmer-should-visit-zh

CS-Interview-Knowledge-Map

Build the best interview map (前端学习面试图解)

github: https://github.com/InterviewMap/CS-Interview-Knowledge-Map

English: https://yuchengkai.cn/docs/

中文: https://yuchengkai.cn/docs/zh/

Game Framework (游戏框架)

Egret

HTML5 games for desktop(HTML5 游戏开发框架)

English: https://www.egret.com/en/

中文: https://www.egret.com/cn/

Layabox

HTML5 games for desktop(HTML5 游戏开发框架)

English: http://www.layabox.com/

中文: http://www.layabox.com/?language=zh

Phaser

free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers(2D 游戏框架)

github: https://github.com/photonstorm/phaser

English: https://phaser.io/

中文: http://www.phaserengine.com/

Pixi.js

The HTML5 Creation Engine (2D WebGL 游戏引擎渲染器)

github: https://github.com/pixijs/pixi.js

English: http://www.pixijs.com/

中文: none

Filament

Filament is a real-time physically based rendering engine for Android, Windows, Linux and macOS (一款基于物理的实时渲染引擎)

github: https://github.com/google/filament

Other (其它)

Dayjs

Day.js 2KB immutable date library alternative to Moment.js (日期插件)

github English address: https://github.com/iamkun/dayjs

guthub 中文地址: https://github.com/iamkun/dayjs/blob/master/docs/zh-cn/README.zh-CN.md

Imagemin-Webpack-Plugin

Plugin to compress images with imagemin(基于 Imagemin 的图片压缩插件)

github: https://github.com/Klathmon/imagemin-webpack-plugin

Imagemin

Minify images seamlessly(图片压缩插件)

github: https://github.com/imagemin/imagemin

Better-Scroll

Inspired by iscroll, and it supports more features and has a better scroll perfermance (重点解决移动端[已支持 PC]各种滚动场景需求的插件 借鉴于 Iscroll)

github: https://github.com/ustbhuangyi/better-scroll

English: https://ustbhuangyi.github.io/better-scroll/#/

中文: https://ustbhuangyi.github.io/better-scroll/#/zh

Iscroll

Smooth scrolling for the web (滚动场景需求插件)

github: https://github.com/cubiq/iscroll

Echarts

A powerful, interactive charting and visualization library for browser (现代化 JavaScript 图表库)

github: https://github.com/apache/incubator-echarts

English: https://ecomfe.github.io/echarts-doc/public/en/index.html

中文(3.0): http://echarts.baidu.com/

中文(2.0): http://echarts.baidu.com/echarts2/

F2

An elegant, interactive and flexible charting library for mobile (移动可视化图表解决方案)

github English address: https://github.com/antvis/f2

guthub 中文地址: https://github.com/antvis/f2/blob/master/README.zh-CN.md

English: https://antv.gitbook.io/f2

中文: https://antv.alipay.com/zh-cn/f2/3.x/index.html

Apexcharts.js

Interactive and Modern SVG Charts (现代化 JavaScript 图表库)

github: https://github.com/apexcharts/apexcharts.js

github(React): https://github.com/apexcharts/react-apexcharts

github(vue): https://github.com/apexcharts/vue-apexcharts

English: https://apexcharts.com/

中文: none

Zeu

A JavaScript library for real-time visualization (用于实时可视化图表的 JavaScript 库 (酒吧仪表 数码时钟 心跳 消息列队 圆扇 速度圈 文本框 文字计 体积计))

github: https://github.com/shzlw/zeu

English: https://shzlw.github.io/zeu/docs/introduction.html

中文: none

Nanoid

Unique string ID generator for JavaScript.(JavaScript 字符串 ID 生成器)

github: https://github.com/ai/nanoid

English: https://zelark.github.io/nano-id-cc/

Nodebestpractices

The largest Node.JS best practices list (Node.js 最佳实践中排名最高的内容的总结和分享)

github English address : https://github.com/i0natan/nodebestpractices

guthub 中文地址: https://github.com/i0natan/nodebestpractices/blob/master/README.chinese.md

Packer

Build Automated Machine Images(构建自动机器映像)

github: https://github.com/hashicorp/packer

English: https://www.packer.io/

Material-Dashboard

Material Dashboard - Open Source Bootstrap 4 Material Design Admin (一款免费的 Material Bootstrap Admin)

github: https://github.com/creativetimofficial/material-dashboard

English: https://www.creative-tim.com/

中文: none

Todomvc

Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more (帮助选择一个 MV *框架)

github: https://github.com/tastejs/todomvc

English: http://todomvc.com/

中文: none

Mdx-Deck

MDX-based presentation decks (基于 MDX 的演示文稿)

github: https://github.com/jxnblk/mdx-deck

Mdx

JSX in Markdown for projects (MDX 格式在 Markdown 文档中无缝使用 JSX)

github: https://github.com/mdx-js/mdx

English: https://mdxjs.com/

中文: none

WeChat applet UI (微信小程序)

Iview-Weapp

WeChat applet UI component library(一套高质量的微信小程序 UI 组件库)

github: https://github.com/TalkingData/iview-weapp

English: none

中文: https://weapp.iviewui.com/

Django

The Web framework for perfectionists with deadlines(Python Web 框架)

github: https://github.com/django/django

English: https://www.djangoproject.com/

中文: none

Chinese-xinhua

Chinese Xinhua Dictionary Database and API(中华新华字典数据库和 API)

github: https://github.com/pwxcoo/chinese-xinhua

Node

Node.js

Node.js JavaScript runtime(基于 Chrome V8 引擎 的 JavaScript 运行时)

github: https://github.com/nodejs/node

English: https://nodejs.org/en/

中文: https://nodejs.org/zh-cn/

Puppeteer

Headless Chrome Node API(Node.js 库)

github: https://github.com/GoogleChrome/puppeteer

English: https://pptr.dev/

中文: none