话题框架与类库 › React

框架与类库:React

react fiber 到底有多细

Fiber 是对 React 核心算法的重构,facebook 团队使用两年多的时间去重构 React 的核心算法,在 React16 以上的版本中引入了 Fiber 架构,极大的提高了大型react项目的性能,也激发了我对其实现的好奇。在研究源码的过程中,能发现很多比较细的点,有任务单元拆分的细,有任务调度、双缓冲、节点复用等优化的细,都非常值得我们学习,接下来就带大家看看react fiber 到底有多细。

React 代码共享最佳实践方式

探索与对比 React 代码共享的通用方式。

造一个 react-error-boundary 轮子

捕获和处理前端组件异常是个十分重要且必要的操作。对于 React 来说,一般用 ErrorBoundary 来实现,今天就带大家一起造一个 react-error-boundary 的轮子吧~。

懒加载 React 长页面 - 动态渲染组件

长页面在前端开发中是非常常见的。例如下图中的电商首页,楼层数据来自运营人员在后台的配置,楼层数量是不固定的,同时每个楼层可能会依赖更多翻页数据。在这种情况下,如果一次性将页面全部渲染,可想而知,我们的页面直出效率(fmp, fid)会受到影响。

为了更好的用户体验,我们需要考虑在用户滚动到下一屏时,渲染下一屏的组件。

减少50%空间,携程机票React Native Bundle 分析与优化

保持Bundle尺寸精简,就像保持代码简洁一样。

深入浅出解析React Router 源码

最近组里有同学做了 React Router 源码相关的分享,我感觉这是个不错的选题,React Router 源码简练好读,是个切入前端路由原理的好角度。在分享学习的过程中,自己对前端路由也产生了一些思考和见解。

⏱ React Native 启动速度优化——Native 篇(内含源码分析)

从 React Native 的启动到页面的第一次渲染完成,结合 React Native 的源码和 1.0 的新架构,一一分析 React Native 的启动性能优化之路。

从中断机制看 React Fiber 技术

React 16 开始,采用了 Fiber 机制替代了原有的同步渲染 VDOM 的方案,提高了页面渲染性能和用户体验。Fiber 究竟是什么,网上也很多优秀的技术揭秘文章,本篇主要想从计算机的中断机制来聊聊 React Fiber 技术大概工作原理。

Taro3.2 适配 React Native 之运行时架构详解

导读由 58 前端团队主导的 Taro 3 适配 React Native 工作已完成有一段时间了。目前发布了多个体验版,也将在3月底迎来正式版。基于 Taro 的ࠦ

走进 React Fiber 的世界

一起来学习 React Fiber 的设计思想和执行原理。

Taro 多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)

结合趣店 FED 在过去小半年的实践经验,我们开发了首个 Taro 三端统一应用:taro-yanxuan(高仿网易严选微信小程序),用以探讨 Taro 多端开发的正确姿势。

React 事件系统工作原理

React 为我们提供了一套虚拟的事件系统,这套虚拟事件系统是如何工作的,笔者对源码做了一次梳理,整理了下面的文档供大家参考。

去哪儿网 ReactNative 跨小程序多端方案介绍

qrn-remax-unir是一套由去哪儿网前端技术团队实现的将RN适配到小程序端的跨端组件,通过该组件库可快速方便的将RN源代码直接运行到小程序端。对RN源代码侵入度低,并且调试和替换组件相当方便。

React Native 新架构

React Native 新架构本文主要介绍FB团队正在重构的ReactNative(下面称RN)新架构,主要当前架构,Bridge带来的问题,新架构,JSI,Fabric,TurboModules,CodenGen及LeanCore等概念。 当前架构 RN现在主要有3个线程…

The Great Migration: An Angular to React Migration Two Years in the Making

If you’ve been following the VTS blog, you may have stumbled across this post from Kyle Holzinger where he detailed the thought that went…

Creating a React Analytics Logging Library

Slack’s desktop application is written in React. We built a React analytics logging library to: 1) increase developer velocity by making it easier to write logging code, 2) reduce log data errors, and 3) create a viewer to get a real-time look at logging. In this first (of two parts) article, we examine how we reached these goals, reviewing key pieces of the library: data sharing, logging impressions, and other events.

- 위키
Copyright © 2011-2024 iteam. Current version is 2.137.3. UTC+08:00, 2024-12-17 06:39
浙ICP备14020137号-1 $방문자$