前端 | 一句话理解眼花缭乱的前端技能

前端开发领域新概念层出不穷，一个个新玩具到底是啥？试着用一句话来理解。

开发工具 DevTools
npm - nodejs 包依赖管理工具
bower - js 包依赖管理工具
gulp - build 工具
前端届的 make?
Browserify - npm 时代的前端模块管理和打包工具
Webpack by Facebook & Instagram - 前端模块管理和打包工具
Webpack其实有点类似browserify，出自Facebook的Instagram团队，但功能据说比browserify更为强大。
Atom by Github - CoffeeScript 写的编辑器
Babel - 代码编译工具
Javascript
CoffeeScript - 缩进敏感的精炼型 JavaScript 语法解析器
Babel - JavaScript 语法解析器 (6to5)
underscore.js - 集合数据处理库
typeahead.js by Twitter - 输入框自动完成库
moment.js - 时间处理库
CSS
sass - css 预编译
sass/sass
sass - Sass makes CSS fun again.
github.com
Bootstrap by Twitter
Material Design Lite by Google
框架 Framework
ReactJS by Facebook & Instagram - MVC 中的 View
核心概念：
* 一切都是组件，组件是被数据驱动的状态机
* 单项数据流动
* 操作 Virtual DOM，而不是实际 DOM

* Component Lifecycle: https://facebook.github.io/react/docs/working-with-the-browser.html#component-lifecycle
AngularJS by Google - MVVC
jQuery
Polymer Project by Google - web components
ReactJS by Facebook & Instagram
ReactJS Flux
GraphQL
Relay
JSX
React Native
* react-native-camera
* react-native-video
* react-native-navbar
* react-native-carousel 轮播控件
* react-native-refreshable-listview 下拉刷新组件
immutable.js
RefluxJS - 由 Flux 引发的简单型单向数据流应用框架
# 和 Flux 相同处
* actions
* stores
* 单向数据流

# 和 Flux 不同处
* 去掉单独的 dispatcher，每个 Action 都可以像 dispatcher 操作
* actions 是可监听的，stores 可以直接监听 actions
* stores 也可以监听其他 stores，创建集合数据
* waitFor 被以下串行和并行数据流取代：
* 集合数据可串行监听其他 stores
* Joins 可并行合并 listeners
* 不需要 action creators
Redux - Atomic Flux with hot reloading.
React Material UI
React Bootstrap
react-ui-builder
react-router
react-mixin
react.parts
React 中文社区
* 题叶：FE of Teambition
* 存志:
* 郭达峰：CTO of Strikingly.com

轻单 beta2

你正在开启轻世界的大门

立即进入一个更轻的世界

通过微信分享这个轻单

开发工具 DevTools

npm - nodejs 包依赖管理工具

bower - js 包依赖管理工具

gulp - build 工具

Browserify - npm 时代的前端模块管理和打包工具

Webpack by Facebook & Instagram - 前端模块管理和打包工具

Atom by Github - CoffeeScript 写的编辑器

Babel - 代码编译工具

Javascript

CoffeeScript - 缩进敏感的精炼型 JavaScript 语法解析器

Babel - JavaScript 语法解析器 (6to5)

underscore.js - 集合数据处理库

typeahead.js by Twitter - 输入框自动完成库

moment.js - 时间处理库

CSS

sass - css 预编译

Bootstrap by Twitter

Material Design Lite by Google

框架 Framework

ReactJS by Facebook & Instagram - MVC 中的 View

AngularJS by Google - MVVC

jQuery

Polymer Project by Google - web components

ReactJS by Facebook & Instagram

ReactJS Flux

GraphQL

Relay

JSX

React Native

immutable.js

RefluxJS - 由 Flux 引发的简单型单向数据流应用框架

Redux - Atomic Flux with hot reloading.

React Material UI

React Bootstrap

react-ui-builder

react-router

react-mixin

react.parts

React 中文社区

评论（5）