框架与类库:React
走进 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音乐的分享
使用 react-docgen 自动生成组件文档
文档写到一半,@#%#¥……#@麻烦死了。这么多组件,每个组件都需要有对应的文档,写起来太耗时了,手写文档比写个组件还麻烦。为了能快点完(xia)成(ban)任(hui)务(jia)。
从0到1,搭建一个体系完善的前端React组件库
开发和维护一个可持续迭代的组件库,从来都不是一件容易的事情。
React Native应用性能瓶颈分析和优化
本文结合React Native跨平台框架的应用工作原理,分析性能瓶颈,分享实践中的优化性能问题内容输入。
基于 React 打造高自由度的 IDE 布局系统
不是吧,阿sir,IDE 的布局也能随便改?