React

过渡动画 在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验。当然，我们可以通过原生的CSS来实现这些过渡动画，但是React社区为我们提供了react-transiti

目前前端中发送网络请求的方式有很多种: 选择一: 传统的Ajax是基于XMLHttpRequest(XHR) 选择二: jQuery-Ajax(基本不用了) 选择三: Fetch API 选择四: a

classnames的库 AntDesign的介绍 AntDesign ，简称 antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。中后台的产品

组件化的CSS 前面说过，整个前端已经是组件化的天下。而CSS的设计就不是为组件化而生的，所以在目前组件化的框架中都在需要一种合适的CSS解决方案。 在组件化中选择合适的CSS解决方案应该符合以下条件

Fragment的最基本使用 我们先来看一段代码，它的显示效果 外面裹了层没有意义的div 我们不想有这个div，就得用到Fragment了。 Fragment的短语法 省略Fragment,这就是短

某些情况下，我们希望渲染的内容独立于父组件，甚至是独立于当前挂载到的DOM元素中(默认都是挂载到id为root的DOM元素上的)。 Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM节点

高阶函数 高阶函数的维基百科定义:至少满足以下条件之一 接受一个或多个函数作为输入 输出一个函数 JavaScript中比较常见的filter、map、reduce都是高阶函数 高阶组件 高阶组件的英

我们一般讨论到受控组件与非受控组件都是与表单有关的。 什么是受控组件 在React中，HTML表单的处理方式和普通的DOM元素不太一样:表单元素通常会保存在一些内部的state 比如下面的HTML表单

React不推荐直接操作原生DOM 在React的开发模式中，通常情况下不需要、也不建议直接操作DOM原生，但是某些特殊的情况，确实需要获取到DOM进行某些操作。比如说： 管理焦点，文本选择或媒体播放

事件总线 我们来看一个案例，比如我们想： 这就涉及到跨组件传递了，我们也可以一层一层传。当然了，使用event bus事件总线会更方便。事件总线在Vue、flutter里面都有。 安装events库

React的更新机制 众所周知，React的渲染流程是将JSX转换为虚拟DOM再转换为真实DOM。那React的更新流程呢？ 如图： render函数重新执行后，产生新的DOM树，而React会对新旧

为什么要使用setState 开发中我们并不能直接通过修改state的值来让界面发生更新。因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是这种方式的修改React并

分而治之的思想 任何一个人处理信息的逻辑能力都是有限的，所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有一种天生的能力，就是将问题进行拆解。如果将一个复杂的问题，拆

什么是JSX JSX是一种JavaScript的语法扩展(extension)，也在很多地方称之为JavaScript XML，因为看起就是一段XML语法。它用于描述我们的UI界面，并且其完成可以和J