React在前端界一直很流行，而且学起来也不是很难，只需要学会JSX、理解State和Props，然后就可以愉快的玩耍了，但想要成为React的专家你还需要对React有一些更深入的理解，希望本文对你有用。 在复杂的前端项目中一个页面可能包含上百个状态，对React框架理解得更…

在使用redux的过程中，由于业务复杂度的提升，store里面存储的数据越来越多，通常会有多层次的嵌套和重复数据。同时在与后端交互的过程中，我们经常会讨论是否要按照UI的层次结构来返回数据，结果被后端驳回，因为如果后端从数据库中取到数据后，还要特意为前端加一层转换，一来是考虑到…

怎么找的呢？就是根据每个 React Node上的 return属性，每个 React Node上都会存在一个 return属性，这个 return属性指向当前节点的父节点，根节点是没有父节点的，所以没有 return，找到根节点就停止了，将根节点返回。

Hooks 顾名思义，字面意义上来说就是 React 钩子的概念。通过一个 case 我们对 React Hooks 先有一个第一印象。 假设现在要实现一个计数器的组件。如果使用组件化的方式，我们需要做的事情相对更多一些，比如说声明 state，编写计数器的方法等，而且需要理解…

『拖放』这一类的行为存在着巨大的用户需求，例如构建网站（Wix）或交互式应用程序（Trello）。毫无疑问，这种类型的交互创造了非常酷的用户体验。如果再加上一些最新的 UI 技术，我们可以创建一些非常好的软件。 我想构建一个能让用户使用一系列可定制 UI 组件来构建布局的拖放布…

在 React 当中，我们为了代码的复用，我们通常会封装一个组件。 一个组件通常会包含组件的内容样式组成的业务逻辑。一般情况下，我们会把组件的 js，和 css 放在一个地方，并且像 Linux 的哲学一样，一个组件只做一个事情。 那么我们在了解封装组件的时候，通常开发者们都会…

useState 允许我们在函数式组件中维护 state，传统的做法需要使用类组件。举个例子🌰，我们需要一个输入框，随着输入框内容的改变，组件内部的 label 标签显示的内容也同时改变。下面是两种不同的写法： useEffect 是专门用来处理副作用的，获取数据、创建订阅、…

因为每次访问端口都依赖于静态资源，所以每次修改代码查看效果都需要webpack重新编译，开发过程中相对麻烦。 hydrate在浏览器端对存在元素挂载监听事件。React希望服务端渲染的内容与浏览器渲染的内容一致。同时，React可以对文字内容的不一致进行修补，但我们最好不要人为…

事件处理程序(Event handlers)就是每当有事件被触发时决定要执行的动作或行为。 在 React 应用中，事件名使用小驼峰格式书写，意思就是 onclick 要写成 onClick。 React 实现的合成事件机制给 React 应用和接口带来了一致性，同时具备高性能…