React零碎的实战经验总结

在一开始做项目的时候,并没有及时总结关键知识点,比较可惜,不过亡羊补牢一下也好,记录React中关键点.

没有师傅教,对着代码抄.当然,Google就是师傅.

关键知识

  • 在组件中,类似onClick属性可以总结等于一个函数名,也可以用一个箭头函数代替,触发事件就执行这些函数.
  • immutable类型的数据和普通js数据不能一概而论,并且可以通过fromJS和toJS互相转换!
  • 关于性能优化: store数据变化,应该在每个组件中检查是否是关于自己的数据变化,如果不是,则不更新本身组件的render渲染函数.我们可以用PureComponent代替component.
  • 所有的Link,从react-router-dom中导出的组件,在app.js中的位置,必须放在Browser内部
    -

知识点

  • 异步库axios和react-thunk
  • 组件样式库styled-components
  • immutable.js配合PureComponent使用,管理数据
  • 使用react-router-dom中的Link等等组件,管理html的请求管理.
  • 路由规划
  • 动态路由规划,可以将相关数据传到相关页面,根据ID获取ajax数据等等.在相关页面组件中props.match.params保存了接收到的相关数据.
  • ref绑定Dom,提交一些数据到store等等.而如果是styled-component组件,则用innerRef DOM 去替换ref.
  • 所有的reducer在根目录下,被连接成一体,故所有的Actions都能派发到这些reducer中去.当某个Actions跟相关reducer有逻辑关系的时候,去编写reducer代码吧.
  • 为了优化加载速度,可以选择第三方的异步资源加载模块,例如:react-loadable等等.此组件注意路由参数的传递,引入withRouter去解决特殊问题.用在connect方法最后,连接路由和当前组件.