随笔分类 - react
摘要：https://reactjs.org/docs/react-dom-server.html https://redux.js.org/docs/recipes/ServerRendering.html redux 在客户端，也会创建一个全新的store，拿以上发送回来的state来进行store的
阅读全文
摘要：https://reactjs.org/docs/lists-and-keys.html#keys 以下代码运行会报错：Warning: Each child in an array or iterator should have a unique 'key' prop. 改成这样子，就不会报错了：
阅读全文
摘要：参考： http://www.alloyteam.com/2017/05/guide-styled-components/ https://medium.com/styled-components/getting-sassy-with-sass-styled-theme-9a375cfb78e8 h
阅读全文
摘要：受控组件 以上关键的地方在于： state中设置表单的初始状态，当表单设置onChange，onChange中获取合成事件，通过evt.target.value把表单的值通过setState触发渲染，显示到界面上。 受控组件顾名思义，组件的状态受到控制，state与界面上显示的值时刻保持双向绑定。优
阅读全文
摘要：前后端分离 数据直出 以上两者的区别：前者开发效率高，对多终端开发很方便；后者效率高，只请求了一次，就这一次请求的优化，可以大大优化用户的体验（初始数据能尽快显示，减少首屏时间） 服务端渲染 在以上数据直出的基础上，拉取数据之后，就开始在服务端渲染，把渲染后的html返回（后续交互用的js、css等
阅读全文
摘要：Vue和React都使用虚拟dom，React拥有更加丰富的生态系统。 渲染上的区别 React重新渲染的时候会以这个组件为根，将整颗子树进行渲染，手动实现shouldComponentUpdate进行优化，而Vue组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染。你可
阅读全文
摘要：无状态组件中没有这些生命周期方法 挂载 初始化props，通过类的静态属性defaultProps或者getDefaultProps函数，初始化的props会与父组件指定的props合并，最后赋值给this.props constructor()，或者getInitialState componen
阅读全文
摘要：默认的渲染行为 初始情况下，组件树中所有组件都进行了虚拟dom的生成（绿色） 接着组件进行setState（红色节点），然后重新生成虚拟dom（蓝色节点），生成的虚拟dom树再与之前的对应节点的虚拟dom进行diff，然后对差异进行应用 针对以上过程可以发现，假如setState没有影响到子组件，或
阅读全文
摘要：纯粹使用react进行表单校验： 可见为了维持双向绑定，以及校验信息。一个input至少需要3个以上的变量（value + change callback + verify message），表单比较大的话，代码逻辑十分复杂。 redux-form-utils这个库没做好，内部报错了用不了。直接使用
阅读全文
摘要：http://www.ruanyifeng.com/blog/2016/05/react_router.html 路由的切换方式有两种： 两者的关系可以查看这里：http://www.cnblogs.com/hellohello/p/8040289.html 路由组件之间的数据传递，可以认为是页面之
阅读全文
摘要：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html http://cn.redux.js.org/docs/api/applyMiddleware.html 也参考《深入React技术栈》
阅读全文
摘要：容器型组件（container component） 含有抽象数据而没有业务逻辑的组件 负责管理数据和业务逻辑，不负责 UI 的呈现 带有内部状态 展示型组件（presentational component） 只负责 UI 的呈现 没有状态（即不使用this.state这个变量），一般可以写成无状
阅读全文
摘要：https://facebook.github.io/flux/docs/dispatcher.html#content 首先安装 Dispatcher dispatcher 和 订阅发布模式（pub-sub systems）有两个不同点： 例子 演示第一个不同点： 运行结果： 可见注册的所有回调函
阅读全文
摘要：参考：https://blog.andrewray.me/the-reactjs-controller-view-pattern/ Flux参考：http://www.cnblogs.com/hellohello/p/8024263.html 创造一个顶层组件来管理所有的state，并把这些stat
阅读全文
摘要：参考：https://blog.andrewray.me/flux-for-stupid-people/ http://www.ruanyifeng.com/blog/2016/01/flux.html https://github.com/facebook/flux/tree/master/exa
阅读全文
摘要：参考：https://github.com/youngwind/blog/issues/107 首先回顾以下原生事件的两个方法：event.stopImmediatePropagation 和 event.stopPropagation ，前者可以阻止同一dom上的后续事件的执行以及阻止冒泡，后者仅
阅读全文
浙公网安备 33010602011771号