菜逼善意

# 自定义Hook 自定义Hook本质上只是一种函数代码逻辑的抽取，严格意义上来说，它本身并不算React的特性。 需求：所有的组件在创建和销毁时都进行打印 组件被创建：打...

useRef useRef返回一个ref对象，返回的ref对象再组件的整个生命周期保持不变。 最常用的ref是两种用法： 用法一：引入DOM（或者组件，但是需要是class...

useContext的使用 在之前的开发中，我们要在组件中使用共享的Context有两种方式： 类组件可以通过 类名.contextType = MyContext方式，在...

需要清除Effect 在class组件的编写过程中，某些副作用的代码，我们需要在componentWillUnmount中进行清除： 比如我们之前的事件总线或Redux中手...

# 认识useState State Hook的API就是 useState，我们在前面已经进行了学习： useState会帮助我们定义一个 state变量，useStat...

Hook的出现 Hook的出现，可以解决上面提到的这些问题； 简单总结一下hooks： 它可以让我们在不编写class的情况下使用state以及其他的React特性； 但是...

为什么需要Hook? Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性（比如生命周期）。 我们先...

Navigate导航 Navigate用于路由的重定向，当这个组件出现时，就会执行跳转到对应的to路径中： 我们这里使用这个的一个案例： 用户跳转到Profile界面； 但...

HTML5的History history接口是HTML5新增的, 它有六种模式改变URL而不刷新页面： replaceState：替换原来的路径； pushState：使...

前后端分离阶段 前端渲染的理解： 每次请求涉及到的静态资源都会从静态资源服务器获取，这些资源包括HTML+CSS+JS，然后在前端对这些请求回来的资源进行渲染； 需要注意的...

认识前端路由 路由其实是网络工程中的一个术语： 在架构一个网络时，非常重要的两个设备就是路由器和交换机。 当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们生活中...

redux-devtools 我们之前讲过，redux可以方便的让我们对状态进行跟踪和调试，那么如何做到呢？ redux官网为我们提供了redux-devtools的工具；...

组件中异步操作 在之前简单的案例中，redux中保存的counter是一个本地定义的数据 我们可以直接通过同步的操作来dispatch action，state就会被立即更...

Redux的核心理念 - Store Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。 在前面我们学习Redux的时候应该已经发现，redux的编写逻...

Redux的核心理念 - Store Redux的核心理念非常简单。 比如我们有一个朋友列表需要管理： 如果我们没有定义统一的规范来操作这段数据，那么整个数据的变化就是无法...

纯函数的作用和优势 为什么纯函数在函数式编程中非常重要呢？ 因为你可以安心的编写和安心的使用； 你在写的时候保证了函数的纯度，只是单纯实现自己的业务逻辑即可，不需要关心传入...

理解JavaScript纯函数 函数式编程中有一个非常重要的概念叫纯函数，JavaScript符合函数式编程的范式，所以也有纯函数的概念； 在react开发中纯函数是被多次...

认识CSS in JS 官方文档也有提到过CSS in JS这种方案： “CSS-in-JS” 是指一种模式，其中 CSS 由 JavaScript 生成而不是在外部文件中...

内联样式 内联样式是官方推荐的一种css样式的写法： style 接受一个采用小驼峰命名属性的 JavaScript 对象，，而不是 CSS 字符串； 并且可以引用stat...

组件化天下的CSS 前端已经是组件化的天下： 而CSS的设计就不是为组件化而生的，所以在目前组件化的框架中都在需要一种合适的CSS解决方案。 在组件化中选择合适的CSS解决...