react 项目开发

2021/12/19 16:09
阅读数 32

静态组件的编写

 

state 状态

    

 

交互

Redux

reduex 的state

actions

Reducer

Store

react-redux

 

redux 项目结构组织方式

state设计原则

像设计数据库一样设计state 

selector函数

 

通过selector 函数去获取 state 数据,更加方便维护,特别是 如果 state 数据结构有变化的情况下

能够做到 components 和 state 之间的 解耦

前端状态管理

Middleware

store enhancer

常用库集成

1、Immutable.js  不可变库

2、Reselect

reselect 可以减少state的重复计算

安装:npm install reselect 

路由

多页面应用对搜索引擎更好

单页面应用对用户体验更好,性能更好

router 库

默认是 hashRouter  , 可以兼容老版本的浏览器

路由匹配

exact 精确匹配

switch 只会匹配到第一个匹配到的route 

路由渲染组件的方式

< Route path = "/about" component = { About } />
通过 component 来渲染
或者 使用函数 , 或者使用 render 
 

 

 

 

 

 

 

 

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部