姜源の全栈云笔记
  • 首页
  • 分类
  • 工具
  • 标签
  • 归档
  • 关于
  • Docsify
  •   

05-React Hooks

参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn 参考资料:https://juejin.cn/post/7492238013192454170 React HooksReact Hooks 是 React 16.8 版本引入的一项重大特性。它允许在不编写 class 的情况下使用
2022-05-22
04_大前端 > 07_React
#React

08-React+Mobx公共状态管理

参考: Mbox 官网:https://www.mobx.org.cn/ 1. Mobx1.1 介绍(1) Mobx是一个功能强大,上手非常容易的状态管理工具。 (2) Mobx背后的哲学很简单: 任何源自应用状态的东西都应该自动地获得。 (3) Mobx利用 getter 和 setter 来收集组件的数据依赖关系,从而在数据发生变化的时候精确知道哪些组件需要重绘,在界面的规模变大的时候,
2022-05-22
04_大前端 > 07_React
#React #mobx

06-React路由

参考: React 官网:https://zh-hans.react.dev/ React 教程:https://zh-hans.react.dev/learn React Router 官网:https://reactrouter.com/ React Router 教程V6:https://reactrouter.com/6.30.3 React Router 教程V6(中文):https
2022-05-22
04_大前端 > 07_React
#React

11-React+styled-components库

参考: styled-components 官网:https://styled-components.com/ styled-components 教程:https://www.zhifeiya.cn/reference/styled-components.html 1. styled-components 它是通过JavaScript改变CSS编写方式的解决方案之一,从根本上解决常规CSS
2022-05-22
04_大前端 > 07_React
#React #styled-components

07-React+Redux公共状态管理

参考: Flux 架构思想框架×15:https://github.com/voronianski/flux-comparison Redux 源码:https://github.com/reduxjs/redux Redux 官网:https://redux.js.org/ React-Redux 源码:https://github.com/reactjs/react-redux Redux
2022-05-22
04_大前端 > 07_React
#React #Flux #Redux

12-React单元测试

参考: react-test-renderer 官网:https://zh-hans.legacy.reactjs.org/docs/test-renderer.html 1. react-test-renderer1.1 安装安装:npm i react-test-renderer@18 - 对应 react 的版本,当前用的是 v18 就暂时下载的是 v18 1.2 使用目录: 1234
2022-05-22
04_大前端 > 07_React
#React #单元测试 #react-test-renderer

10-React+immutable库

参考: immutable 官网:https://immutable-js.com/ immutable 源码:https://github.com/immutable-js/immutable-js 背景: 对象= 引用赋值(浅拷贝),修改复制后的对象,会影响原对象 对象... 展开赋值(浅拷贝+1层),只比浅拷贝多复制一层数据(只有一层结构时完全可以使用),深层的值修改还会影响原对象
2022-05-22
04_大前端 > 07_React
#React #immutable

13-React+Redux-saga库

参考: redux-saga 官网:https://redux-saga-in-chinese.js.org/index.html 1. 介绍 在saga中,全局监听器和接收器使用Generator函数和saga自身的一些辅助函数实现对整个流程的管控。 1.1 原理:生成器12345678910111213141516171819function *test() { cons
2022-05-22
04_大前端 > 07_React
#React #redux-saga

09-React+AntDesign组件库

参考: Ant Design(PC端):https://ant.design/index-cn/ Ant Design(PC端-镜像库·快):https://gitee.com/ant-design/ant-design Ant Design(移动端):https://mobile.ant.design/zh Ant Design 是一个致力于提升『用户』和『设计者』使用体验的设计语言 ;
2022-05-22
04_大前端 > 07_React
#React #ant #antd

14-React的Portal&forwardRef&memo

1. Portal1.1 介绍Portals 提供了一个最好的在父组件包含的DOM结构层级外的DOM节点渲染组件的方法。 1ReactDOM.createPortal(child,container); 第一个参数child是可渲染的react子项,比如元素,字符串或者片段等。第二个参数container是一个DOM元素。 普通的组件,子组件的元素将挂载到父组件的DOM节点中。 1234567
2022-05-22
04_大前端 > 07_React
#React #portal #forwardRef #memo
…1011121314151617181920…
CSDN GitHub Hexo Fluid
总访问量(PV) 次, 总访客数(UV) 人