
React
文章平均质量分 89
Sestid
不忘初心!不负野心!奋于曾经,立于当下,拼于未来。
展开
-
手写一个Redux,就能深入理解他的原理了
Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理。我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变。本文只会实现Redux的核心库,跟其他库的配合使用,比如React-Redux准备后面单独写一篇文章来讲。有时候我们过于关注使用,只记住了各种使用方式,反而忽略了他们的核心原理,但是如果我们想真正的提高技术,最好还是一个一个搞清楚,比如Redux和React-Redux看起来很像,原创 2021-02-20 14:16:15 · 252 阅读 · 0 评论 -
快读学习提高web性能4——AMP如何保证Next.js应用程序的牢靠性
AMP如何保证Next.js应用程序的牢靠性在Next.js应用程序中了解支持AMP的好处和取舍AMP是一个Web组件框架,可确保快速加载页面。Next.js具有对AMP的内置支持。你会学什么?本指南首先简要介绍AMP如何保证快速的页面加载,然后说明在Next.js应用程序中支持AMP的不同方法,然后帮助您确定最适合您的方法。本指南的目标读者是决定使用Next.js但不确定是否支持AMP的Web开发人员。本指南不是为决定使用AMP但不确定要使用哪种框架的Web开发人员编写的。但是,原创 2021-02-08 11:10:35 · 497 阅读 · 0 评论 -
快读学习提高web性能3——在Next.js中使用动态导入进行代码拆分
在Next.js中使用动态导入进行代码拆分如何通过代码拆分和智能加载策略来加速Next.js应用程序。基于路由和基于组件的代码分裂默认情况下,Next.js将您的JavaScript分成每个路由的独立块。当用户加载您的应用程序时,Next.js仅发送初始路由所需的代码。当用户在应用程序中导航时,他们获取与其他路由关联的块。基于路由的代码拆分可最大程度地减少需要立即解析和编译的脚本的数量,从而缩短页面加载时间。虽然基于路由的代码拆分是一个很好的默认设置,但是您可以通过在组件级别进行代码拆分来进原创 2021-02-07 13:47:24 · 1128 阅读 · 2 评论 -
快读学习提高web性能2——Next.js中的路由预取
Next.js中的路由预取Next.js如何通过路由预取以及如何对其进行自定义来加快导航速度。你会学什么?在本文中,您将学习Next.js中的路由如何工作,如何针对速度进行优化以及如何对其进行自定义以满足您的需求。该<Link>组件在Next.js中,您不需要手动设置路由。Next.js使用基于文件系统的路由,可让您仅在./pages/目录内部创建文件和文件夹:要链接到不同的页面,请使用<Link>组件,类似于使用良好的旧<a>元素的方式:.原创 2021-02-04 16:20:19 · 588 阅读 · 0 评论 -
快读学习提高web性能1——Next.js的默认性能
Next.js的默认性能Next.js是一个自以为是的React框架,具有许多性能优化。该框架的主要思想是通过默认包含这些功能来确保应用程序启动并尽可能保持高性能。简介将简要概述该框架提供的许多功能。本系列的其他指南将更详细地探讨这些功能。Chrome正在与Next.js合作,以为希望构建快速的,服务器渲染的React应用程序的任何开发人员改善框架。最近添加了许多更新的优化,例如模块/无模块支持和改进的粒度分块策略。你会学什么?尽管默认情况下Next.js提供了许多性能优化,但是..原创 2021-02-02 14:56:45 · 808 阅读 · 2 评论