CSS模块化之styled-components

css文件一旦在一个文件里引用了,它是全局都生效的,这样子不同组件中的样式容易发生冲突。不建议在项目中直接引入css。建议使用一个第三方模块:Styled-Components对样式进行管理。

日期:2019年12月06日 阅读次数:2823 分类:cssreact前端 [查看详情]

使用Redux的combineReducers对数据拆分

随着项目建设,如果将所有变量和逻辑都写在reducer中,会导致reducer文件变得臃肿且逻辑复杂。所以需要对reducer进行拆分。使用combineReducers函数,对多个reducer进行整合。把多个小的redu...

日期:2019年12月06日 阅读次数:2963 分类:react前端 [查看详情]

六、使用react-redux、combineReducers、reducer、immutable搭建最佳redux解决方案

使用react-redux的Provider组件(提供器)包裹所有组件(或直接包裹根组件),使组件层级中的connect()方法都能够获得Reduxstore。使用combineReducers函数,把多个reducer(即多个模块)整合成...

日期:2019年12月06日 阅读次数:2628 分类:react前端 [查看详情]

五、Redux进阶:UI组件、容器组件、无状态组件、异步请求、Redux中间件:Redux-thunk、redux-saga,React-redux

一、UI组件和容器组件UI组件负责页面的渲染(傻瓜组件)容器组件负责页面的逻辑(聪明组件)当一个组件内容[…]

日期:2019年06月03日 阅读次数:2190 分类:react前端 [查看详情]

四、Redux入门:Antd、store、reducer、actionTypes、actionCreator

一、Redux概念简述Facebook:react在2013年开源的时候,还开源了flux(已经过时),fl[…]

日期:2019年05月29日 阅读次数:2595 分类:react [查看详情]

三、React高级部分:调试工具、PropTypes与DefaultProps、虚拟DOM、Diff算法、ref的使用、生命周期函数、Charles、动画

在chrome浏览器中安装Reactdevelopertools插件。PropTypes设置prop的类型,DefaultProps设置默认值。props,state与render函数的关系。

日期:2019年05月29日 阅读次数:2659 分类:react [查看详情]

二、React基础精讲:编写TodoList、事件绑定、JSX语法、组件之间传值

一、使用React编写TodoList功能JSX语法:render返回元素最外层必须由一个元素包裹。Fra[…]

日期:2019年05月29日 阅读次数:1602 分类:react [查看详情]

一、React基础教程:开发环境搭建、工程目录文件简介、React组件、基础JSX语法

React学习笔记-基础部分

日期:2019年05月22日 阅读次数:2062 分类:react [查看详情]