Thinking in react projct

文章目录

1. 1. JavaSript compiler Babel
2. 2. module bundler Webpack
3. 3. UI library
   1. 3.1. React
   2. 3.2. React-router
   3. 3.3. Redux
   4. 3.4. Jenkins 自动化

React 项目的思考

JavaSript compiler Babel

es6 arrow function

Arrows are a function shorthand using the => syntax. They are syntactically similar to the related feature in C#, Java 8 and CoffeeScript. They support both expression and statement bodies. Unlike functions, arrows share the same lexical this as their surrounding code. If an arrow is inside another function, it shares the “arguments” variable of its parent function.

es6 features

• arrows
• classes
• enhanced object literals
• template strings
• destructuring
• default + rest + spread
• let + const
• iterators + for..of
• generators
• unicode
• modules
• module loaders
• map + set + weakmap + weakset
• proxies
• symbols
• subclassable built-ins
• promises
• math + number + string + array + object APIs
• binary and octal literals
• reflect api
• tail calls

See the ES2015 standard for full specification of the ECMAScript 2015 language.

http://kangax.github.io/compat-table/es6/

module bundler Webpack

• Entry
• Output
• Loaders
• Plugins

optimizations

• code-split

UI library

React

blog https://reactjs.org/blog/all.html

React-router

Redux

Jenkins 自动化