前端工程化和Reactjs的模式

来源：互联网发布：股市模拟交易软件编辑：程序博客网时间：2024/05/17 23:12

大型系统的分布式编译很多，使用grunt + browserify进行的，参考webpack 和 browserify模式。
React 打开了前端开发的新的思路， Virtual DOM，组件化，State 数据流，将state渲染成Virtual DOM，Virtual DOM被React渲染成真正的DOM，UI = f(state)React 的 render() 函数便是其中的 f，函数式编程；
React 社区得到 clojure 的启发。
webpack 使代码编译变得简单，分布式编译让前端开发正在向客户端开发演变；前端开发的演化也是在不断借鉴客户端开发方式。
Flux单向数据流，官方的flux比较简陋，只提供了思想，有很多不错的第三方实现，其中 Redux 目前比较受欢迎。
grunt 和 gulp 需要自己组装大量的插件webpack 配合 React Hot Loader 能实现代码热插拔。
js 文件的按需加载，Lazy load component使用 webpack 的特性实现js按需动态加载，需要渲染 component 时，才去请求 js 文件，被 SPA 应用的 js 文件过大过多困扰的人很有作用。

1 0