ps：我已经断断续续看了一星期的官方文档，总体来讲，我觉得文档写的很详细，详细的程度以致于我觉得有很多啰嗦的话(哈哈)，所以一边敲案例，一边做自己的总结性的归纳。 5.Babel 转译器会把 JSX 转换成一个名为 React.createElement() 的方法调用。 元素…

可以简单的理解为，React 和 Vue 为了解决相同的问题，基于不同的技术实现了相似的API。所以本文也将结合两种框架各自的特点，简单讲讲个人对Hooks的理解。 为了回答这个问题，我们先看看之前和现在的React组件划分产生了哪些变化。 1. 既然本来就有函数组件，开始为什…

在构建 React 应用时，你会发现随着嵌套组件增多，用户界面的某些部分开始变得缓慢迟滞。这是因为，被改变 state 的元素在组件树中的层级越高，浏览器需要重绘的组件越多。 本文将告诉你如何通过备忘（memoization）技术避免不必要的重绘，让你的 React 应用快如闪…

目前单页面应用（SPA）很是流行，同时也带了一些问题，如SEO不友好，首屏在网络较差的情况下加载慢。为了解决这些问题仿佛又回到了传统web开发模式上去了，回去是不可能的，已经入坑了是不可能回去的。React作为一个SPA应用开发框架同时也支持服务端渲染，本系列文章将从以下几点介…

上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…

前言React生命周期一、初始化阶段1、设置组件的默认属性2、设置组件的初始化状态3、componentWillMount()4、render()5、componentDidMount()二、运行中阶

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

因为之前工作的关系，会频繁的使用各种地图，例如百度地图，高德地图，谷歌地图等。所以想整理一下，写一个在react中根据不同的需求使用地图api的各种demo集合，所以先以百度地图为例。 本文将根据官网显示的demo列表，一个一个实现在react中的使用方法。文章内容较长，将会持…

根目录创建.babelrc文件，配置presets. 其中test属性是比较关键的一个值，他可以是一个字符串，也可以是正则表达式，还可以是函数。如果定义的是字符串，会匹配入口模块名称，会从其他模块中把包含这个模块的抽离出来