教你11天学会React
文章平均质量分 95
React学习笔记 从潜入深
coderHing[专注前端]
风萧萧兮
展开
-
React | 再战Redux
目录一、认识ReduxToolkit认识Redux Toolkit二、ReduxToolkit重构重构代码 – 创建counter的reducer重构代码 – 创建home的reducerstore的创建三、ReduxToolkit异步Redux Toolkit的异步操作extraReducer的另外一种写法Redux Toolkit的数据不可变性四、connect高阶组件自定义connect函数,context处理store五、中间件的实现原理打印日志的需求修改dispatchthunk需求合并中间件六、原创 2023-06-30 18:16:30 · 851 阅读 · 0 评论 -
React | Redux的使用详解
在程序设计中 若一个函数符合以下条件那么这个函数被称为纯函数此函数在相同的输入值时需产生相同的输出函数的输出和输入值以外的其他隐藏信息或状态无关也和由I/O设备产生的外部输出无关该函数不能有语义上可观察的函数副作用诸如“触发事件” 使输出设备输出 或更改输出值以外物件的内容等。原创 2023-06-10 14:22:47 · 1442 阅读 · 0 评论 -
React | React的CSS方式
前端CSS的设计就不是为组件化而生的 所以在目前组件化的框架中都在需要一种合适的CSS解决方案在组件化中选择合适的CSS解决方案应该符合以下条件:编写局部csscss具备自己的具备作用域,不会随意污染其他组件内的元素编写动态的css可以获取当前组件的一些状态,根据状态的变化生成不同的css样式支持所有的css伪类、动画、媒体查询等编写起来简洁方便 符合一贯的css风格特点等...原创 2023-05-24 19:21:09 · 2760 阅读 · 1 评论 -
React | React的过渡动画
我们想要给一个组件的显示和消失添加某种过渡动画 可以很好的增加用户体验我们可以通过原生的CSS来实现这些过渡动画 React社区为我们提供了react-transition-group用来完成过渡动画React曾为开发者提供过动画插件 react-addons-css-transition-group 后由社区维护 形成了现在的 react-transitiongroup这个库可以帮助我们方便的实现组件的 入场 和 离场 动画 使用时需要进行额外的安装。原创 2023-05-16 15:13:24 · 812 阅读 · 0 评论 -
React | React组件化开发(二)
高阶组件的调用过程类似于这样高阶函数的编写过程类似于这样高阶组件并不是ReactAPI的一部分 它是基于React的组合特性而形成的设计模式比如redux中的connect比如react-router中的withRouter组件的名称问题在ES6中,类表达式中类名是可以省略的组件的名称都可以通过displayName来修改。原创 2023-05-13 18:34:43 · 639 阅读 · 0 评论 -
React | React组件化开发
目录一、React组件化开发什么是组件化开发?React的组件化类组件render函数的返回值函数组件二、React组件生命周期认识生命周期生命周期解析生命周期函数不常用的生命周期三、React组件间的通信认识组件的嵌套认识组件间的通信父组件传递子组件参数propTypes子组件传递父组件四、React组件插槽用法React中的插槽(slot)children实现插槽props实现插槽五、React非父子的通信Context应用场景Context相关API六、setState的使用详解为什么使用setSta原创 2023-04-30 15:52:40 · 928 阅读 · 0 评论 -
React | React的JSX语法
btnClick函数并不是我们主动调用的,而是当button发生改变时,React内部调用了btnClick函数而它内部调用时,并不知道如何绑定正确的this。原创 2023-04-18 13:24:25 · 653 阅读 · 0 评论 -
React | 认识React开发
React是什么?React: 用于构建用户界面的JavaScript库;原创 2023-04-15 17:12:01 · 954 阅读 · 1 评论