最近在开发公司的门户网站，由于技术栈是 React，所以就用了 Next.js 来开发。这里记述一下开发过程。

首先这俩货同属于React的顶层API，即我们import React from 'react';后，可以通过React.xxx的方式来调用。 图中的几个API都是对React元素进行操作的，isValidElement就不赘述了，用来校验入参是否是一个合法的React元素，返…

【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章中的一些链接可能失效，而 jsliang 缺乏精力维护掘金这边的旧文章，对此深感抱歉。请需要获取最新文章的小伙伴，点击上面的 GitHub 地址，去文档库查看调整后的文章。 Crea…

图文无关什么是状态保存？假设有下述场景：移动端中，用户访问了一个列表页，上拉浏览列表页的过程中，随着滚动高度逐渐增加，数据也将采用触底分页加载的形式逐步增加，列表页浏览到某个位置，用户看到了感兴趣的项

在 src/App.tsx 内引用我们的案例组件，在 src/example.tsx 写我们的案例组件。 可以让函数式组件拥有状态管理特性，类似 class 组件中的 this.state 和 this.setState ，但是更加简洁，不用频繁的使用 this 。 你可以把 …

安装依赖 安装路由模块：npm i react-router-dom -S 基本路由 首先我们新创建一个react项目(create-react-app demo)用来演示 并且删去不需要的代码，新建

本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。 有过 React 函数式组件的实践，并且对 hooks 有过实践，对 useState、use…

我们不是有了http这种万能协议，为啥还需要这玩意嘞！因为http不能完成服务端推送啊，有人又要问了，新出来的HTTP/2不是可以吗？HTTP/2 只能推送静态资源，无法推送即使的信息。啥意思呢？ 经过多方探寻发现HTTP/2 所谓的server push其实是当服务器接收一个…

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度 利用缓存。-> 对应到 …