1. 前言 为使页面组件和业务逻辑解耦，前端相继涌现出 MVC（Model-View-Controller）、MVP（Model-View-Presenter）、 MVVM（Model-View-ViewModel） 模式。在双向数据流的实现中，同一个 View 可能会触发多个…

作者：Scott DomesFollow Front-End/Mobile Developer @ MuseFind. 翻译：johannlai 上名这个图片，就是 React 组件的生命周期，从形成 (pre-mounting)到销毁 (unmounting)的过程。 Rea…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

Tips:本文某些知识点如果介绍不对或者不全的地方欢迎指出，本文可能内容比较多，阅读时间花费比较长，但是希望你可以认真看下去，可以的话最好手把手去实现一些code，本文所有代码均手写。 原生浏览器环境其实是最考验前端工程师能力的编程环境，因为我们前端大部分一开始面向浏览器编程，…

Hooks是React v16.7.0-alpha中加入的新特性。它可以让你在class以外使用state和其他React特性。你可以在这里看到关于它的一些讨论。 Hooks 向后兼容。本页向有经验的 React 用户提供 Hooks 的概览。 这是一个快节奏的概览。如果你感到…

接上一篇history源码解析-管理会话历史记录，本篇教你手写history，重在理解其原理。 history是由Facebook维护的，react-router依赖于history，区别于浏览器的window.history，history是包含window.history的…

在开发中，flex布局用的非常频繁，每次使用的时候都编写自己私有的flex样式会比较麻烦。当然了，因为react-native开发中样式也是一个对象，可以预设一些常用的flex样式， 使用的时候直接用即可。 ...... 其中，对于子容器的属性，可以自己根据需要添加即可，譬如，…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

通过React基础教程的学习，我相信你一定对React有了很好的了解，也可以制作出一些简单的React项目（注意我这里说的是简单的项目）。为什么你只能做出一些简单的项目那?因为React就是一个简单的轻量级的视图层框架。 React当中的组件通信和状态管理是特别繁琐的，比如子组…