嗨学网 FED React 技术栈

[ghost]

嗨学网 FED React 技术栈

2017-08-05 发布，最后更新于 2017-09-29

程度	表示
了解	★
熟悉	★★
掌握	★★★
精通	★★★★
融会贯通	★★★★★

核心

知识点	掌握程度	备注
React	★★★★★	v15 后不再兼容 IE8
Redux	★★★★★	数据状态管理
JSX	★★★★★	类 XML 语法的 ECMAScript 扩展
ES6	★★★★★	EcmaScript 2015 标准

工具

知识点	掌握程度	备注
Webpack	★★★★★	模块打包器
Babel	★★★	JS 语法编译工具
react-devtools	★★★	React 浏览器调试工具
redux-devtools	★★★	Redux 浏览器调试工具

React

• react & react-dom
• react-router
• react-css-modules
• prop-types

Redux

• redux
• react-redux

Babel

• babel-core
• babel-loader
• babel-preset-es2015
• babel-preset-react
• babel-preset-stage-0
• babel-plugin-import

Webpack

• style-loader
• css-loader
• file-loader
• url-loader
• react-hot-loader
• webpack-dev-server
• html-webpack-plugin
• extract-text-webpack-plugin
• Source Map 技术

数据处理

• lodash

视觉库

• Ant Design
• react-highcharts
• react-day-picker
• three.js

其他解决方案

• moment

Node package

• classnames: A simple javascript utility for conditionally joining classNames together

Polyfill

• whatwg-fetch
• es6-promise