腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端面试笔记

专栏作者

35

文章

27236

阅读量

11

订阅数

React高级特性--Render Props

如果一个组件有一个render属性，并且这个render属性的值为一个返回React element的函数，并且在组件内部的渲染逻辑是通过调用这个函数来完成的。那么，我们就说这个组件使用了render props技术。

夏天的味道123

2022-12-12

4080

react-Suspense的工作原理解析

java react javascript node.js 渲染

Suspense 目前在 react 中一般配合 lazy 使用，当有一些组件需要动态加载(例如各种插件)时可以利用 lazy 方法来完成。其中 lazy 接受类型为 Promise<() => {default: ReactComponet}> 的参数，并将其包装为 react 组件。ReactComponet 可以是类组件函数组件或其他类型的组件，例如:

夏天的味道123

2022-12-12

3K0

react的jsx语法是如何解析的

babel.js react css node.js

废话不多说直接上代码，下面是我写的一个简单的babel-plugin来对jsx语法进行解析

夏天的味道123

2022-12-12

4610

React的组件复用的发展史

react 渲染面向对象编程

React MiXin只能通过React.createClass()来使用，如下：

夏天的味道123

2022-12-07

1.5K0

React组件复用的技巧详解

api html 渲染 react 编程算法

假如我们有一个Layout组件，那么一般来说这个组件主要接收的就是children，把它放在主要内容的部分，然后组件本身的节点来控制布局，那么这个时候如果我们这个布局包含两个部分呢，比如还有一个header部分，是跟主要内容有明显区分的。

夏天的味道123

2022-12-07

5650

React高级详解特性之Context

api react javascript 渲染

在典型的React应用中，数据是通过props，自上而下地传递给子组件的。但是对于被大量组件使用的固定类型的数据（比如说，本地的语言环境，UI主题等）来说，这么做就显得十分的累赘和笨拙。Context提供了一种在组件之间（上下层级关系的组件）共享这种类型数据的方式。这种方式不需要你手动地，显式地通过props将数据层层传递下去。

夏天的味道123

2022-12-07

3330

react的jsx语法是怎样解析的

babel.js react css node.js

废话不多说直接上代码，下面是我写的一个简单的babel-plugin来对jsx语法进行解析

夏天的味道123

2022-10-29

7250

React源码中的dom-diff

react 编程算法

这一章就来讲讲React在协调阶段的beginWork里面主要做的事情 -- dom diff。

夏天的味道123

2022-10-24

3190

React源码中的dom-diff

react 编程算法

这一章就来讲讲React在协调阶段的beginWork里面主要做的事情 -- dom diff。

夏天的味道123

2022-10-21

3890

React高级特性之Render Props

如果一个组件有一个render属性，并且这个render属性的值为一个返回React element的函数，并且在组件内部的渲染逻辑是通过调用这个函数来完成的。那么，我们就说这个组件使用了render props技术。

夏天的味道123

2022-10-19

4360

深度理解Redux原理并实现一个redux

redux vue.js javascript react

Redux的作用在于实现状态传递、状态管理。在这里你可能会说了，如果是状态传递，那我props的传递不也是可以达到这样的效果吗？context上下文方案不也是可以达到这样的效果吗？没错，是这样的，但是上述的两种方案是有局限性的。

夏天的味道123

2022-10-19

3780

React高级特性之Context

api react javascript

在典型的React应用中，数据是通过props，自上而下地传递给子组件的。但是对于被大量组件使用的固定类型的数据（比如说，本地的语言环境，UI主题等）来说，这么做就显得十分的累赘和笨拙。Context提供了一种在组件之间（上下层级关系的组件）共享这种类型数据的方式。这种方式不需要你手动地，显式地通过props将数据层层传递下去。

夏天的味道123

2022-10-19

3510

React的5种高级模式

本文概述了5种现代高级React模式，包括集成代码、优点和缺点，以及在公共库中的具体用法。

夏天的味道123

2022-10-19

6770

详解React的Transition工作原理原理

react api node.js

Transition 是 react18 引入的新概念，用来区分紧急和非紧急的更新。

夏天的味道123

2022-10-18

7330

彻底搞懂React-hook链表构建原理

react 编程算法

React 在初次渲染或者更新过程中，都会在 render 阶段创建新的或者复用旧的 fiber 节点。每一个函数组件，都有对应的 fiber 节点。

夏天的味道123

2022-10-18

5450

react-Suspense工作原理分析

javascript node.js 编程算法 react java

Suspense 目前在 react 中一般配合 lazy 使用，当有一些组件需要动态加载(例如各种插件)时可以利用 lazy 方法来完成。其中 lazy 接受类型为 Promise<() => {default: ReactComponet}> 的参数，并将其包装为 react 组件。ReactComponet 可以是类组件函数组件或其他类型的组件，例如:

夏天的味道123

2022-10-18

7270

经常被问到的react-router实现原理详解

react webpack javascript 打包 html

而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的...

夏天的味道123

2022-10-17

4850

人人能读懂redux原理剖析

众所周知，Redux最早运用于React框架中，是一个全局状态管理器。Redux解决了在开发过程中数据无限层层传递而引发的一系列问题，因此我们有必要来了解一下Redux到底是如何实现的？

夏天的味道123

2022-10-17

4990

从实现一个React到深度理解React框架核心原理

react jquery node.js 容器编程算法

这篇文章循序渐进地介绍实现以下几个概念，遵循本篇文章基本就能搞懂为啥需要fiber，为啥需要commit和phases、reconciliation阶段等原理。本篇文章又不完全和原文一致，这里会加入我自己的一些思考，比如经过performUnitOfWork处理后fiber tree和element tree的联系等。

夏天的味道123

2022-10-17

5670

React组件复用的技巧

假如我们有一个Layout组件，那么一般来说这个组件主要接收的就是children，把它放在主要内容的部分，然后组件本身的节点来控制布局，那么这个时候如果我们这个布局包含两个部分呢，比如还有一个header部分，是跟主要内容有明显区分的。

夏天的味道123

2022-10-04

4310

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态