vue 和 react 都是 js 框架，均是 mvvm 框架和 SPA 单页应用，通过数据更新驱动试图的更新，本文将从有一定 vue基础的视角去从0开始学习 react

最近工作中有个9宫格抽奖的需求，一开始没啥思绪，网上查阅一番，自己又修改了一下，希望与大家交流分享。 利用flex布局形成9宫格，每个格子的序号为0~8，创建一个记录当前指针的变量，点击抽奖，指正转动，当index等于变量的时候让当前格子与其他格子样式不一致，当请求后台有结果时…

众所周知，React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之间切换而不用刷新整个网页. React-Router 就是一个扩展 …

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

Hooks 在刚发布的时候就迅速占领了 React 社区，而且它现在已经有了很多支持 Hook 的库。如果你在搜索引擎中搜索 React，已经很难不出现 Hook 这个关键字了。如果你现在还没有使用 Hook，你要抓紧在你的项目代码中加入 hook了，因为它实在是可以让你的编程…

大概在 2019 年，自己搭建 React 开发环境的想法萌芽，到目前为止，公司的很多项目上，也在使用中，比较稳定。为什么要自己造轮子？起初是因为自己并不满意市面上的脚手架。另外，造轮子对于自己也有一些技术上的帮助，学别人二次封装的东西，不如直接使用底层的库，这样也有助于自己系…

这一年注定是不平凡的一年，经历了疫情在家两个月封城。刚好 hooks 出来了，学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得，在 2020 年最后一天上了末班车 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 …

boolean 类型，对路径末尾斜杠的匹配。如果为 true，path 为 '/page1/' 将不能匹配 '/page1' 但可以匹配 '/page1/one'。；如下所示 如果路由 Route 外部包裹 Switch 时，路由匹配到对应的组件后，就不会继续渲染其他组件了。但…

React 在 v16.8 的版本中推出了 React Hooks 新特性。在我看来，使用 React Hooks 相比于从前的类组件有以下几点好处： 关于这方面的文章，我们根据使用场景分别进行举例说明，帮助你认识理解并可以熟练运用 React Hooks 大部分特性。 与 c…