框架与类库:React
深入浅出解析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.
浅谈 React 中的 XSS 攻击
前端一般会面临 XSS 这样的安全风险,但随着 React 等现代前端框架的流行,使我们在平时开发时不用太关注安全问题。以 React 为例,React 从设计层面上就具备了很好的防御 XSS 的能力。本文将以源码角度,看看 React 做了哪些事情来实现这种安全性的。 Cross-Site Scripting(跨站脚本攻击)简称 XSS,x
Trip.com 机票React Native整洁架构2.0实践
优化现有代码结构,使其能够更好地应对愈发复杂的业务场景。
Using Babel Transforms to Inject Analytics Code in React Native Apps
In late 2018, we decided to add first-class support for React Native in Heap. This meant bringing Heap’s autocapture philosophy to the React Native platform: installing Heap on a React Native app…
React Hooks 实践指南
在良好抽象的基础上,实现关注分离并合理地复用代码,这是编程的核心。组件化开发可以帮助前端实现一定程度的关注分离,但其主要解决 UI 的复用,我们日常开发过程中还面临着 state 逻辑的关注分离与复用问题。Sta…
基于react的组件库主题设计方案
来自腾讯QQ音乐的分享