redux

一 redux 思想 　　首先，每一个webApp有且只有一个state tree，为方便管理和跟踪state的变化，也为了减少混乱，redux只允许通过发送（dispatch）action的方式来改变state。旧state在action的作用下产生新state，这个过程叫做reduce，具体逻辑由用户自定义，称为reducer函数。 　　另外，redux允许在dispatch action与action到达reducer之间拦截action，做更多的动作，即中间件（middleware），这就像插件机制一样，允许多样的扩展，其中一类重要中间件的功能就是处理异步（与服务端通信）。 二、redux使用 　　redux用起来是这样的：用户先写好处理state各个子部分的多个reducers，通过redux提供的combineReducers函数合并成一个rootReducer；然后选好需要的中间件；reducer和中间件作为参数，通过createStore函数创建Store对象。Store是redux运用起来的核心对象，通过store可以获取state--store.getState(), dispatch action以及订阅state变化store.subscribe()。 1 const rootReducer = combineReducers(reducers); 2

解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏） 进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue 1.0在2015年发布，至今也有4年时间了。 整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的RN、Flutter，服务端GraphQL、Serverless，前端和客户端的融合越来越紧密，前端在Node和Electron的加持下，也扩展了自己的版图到服务端和桌面。 同时，随着前端开发越来越复杂，整个前端研发也经历了人工化->工具化->工程化->智能化的演变。目前各个大厂在工程化实践不断迭代，出现了许多Low/No Code等前端智能化解决方案，工程化实践也深入到研发的各个环节，不断提升前端研发的标准化能力。而且，随着机器学习的加入，各类UI2Code的解决方案也开始出现，前端研发进入了一个完全不同的时代。 随着端上能力的不断增强，现在在端上做的事情越来越多。首先，数据可视化方向，各类图表、地图、3D等等数据可视化的尝试变得越来越多。其次，伴随着人工智能的加持，在端上的人工智能应用也变的普及，减少了服务端的交互，提高了系统的实时响应能力。最后，随着Webassembly等技术的应用，有可能将前端运行能力再提升一个档次，可以进行更为复杂的端上计算。 为了了解当前前端的发展趋势

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 使用Redux应该遵循一下原则： 整个应用共享的state应该存储在store的状态树中，store是唯一的； state不能直接修改，只能通过action表达修改的意图，调用dispatch()修改state； state的修改规则reducers必须是一个纯函数，不能有副作用。 Redux提供的API createStore createStore方法的作用就是创建一个 Redux store 来以存放应用中所有的 state。 createStore(reducer, [preloadedState], [enhancer]) createStore方法接受三个参数 ,后面两个是可选参数： reducer ：参数的类型必须是 function。 preloadedState ： 这个参数代表初始化的state（initState），可以是任意类型的参数。 enhancer : 这个参数代表添加的各种中间件，参数的类型必须是function。 中间的preloadedState参数可以直接省略不写，redux已经对这种情况做了处理： /* *如果第二参数preloadedState 是function,且第三个参数enhancer 省略， *把第二个参数赋值给enhancer */ if (typeof