Preact

1386 关注，67 文章

6天前

使用Preact开发基于Shadow DOM的JS插件实践

使用Preact结合Shadow DOM开发界面级JS插件，完美做到样式隔离，同时还能提高开发效率。

47
7
评论

7天前

使用Preact 开发基于Shadow DOM的JS插件

使用Preact结合Shadow DOM开发界面级JS插件，完美做到样式隔离，同时还能提高开发效率。

32
2
评论

3月前

「项目 📝 」React实现导入导出Excel文件

项目中遇到用React实现导入导出业务，这是一个简单的业务的调研以及基本的实现，💗仔细的总结了一下💗。

748
13
4

「项目 📝 」React实现导入导出Excel文件

3月前

手把手带你写一个Mini 版的React

实现React的一些基础思想, 从createElement到render 到fiber, 再到render phase & commit phase,

432
7
6

3年前

umi（中文名：五米）是我目前的工作重点，正在全力开发中，从写下第一行代码开始算起已有数月。但从闲聊和邮件中发现不少人还不能准备地理解 umi 是啥、能做啥，于是趁着代码写累了，聊聊 umi 的一些情况。 umi 是工具吗？是。但不仅仅是。我给 umi 的定位是开发框架，目前包…

1.8w
161
41

8月前

React Server Component 可能并没有那么香

前段时间 React 团队发布了一项用于解决 React 页面在多接口请求下的性能问题的解决方案 React Server Components。当然该方案目前还在草案阶段，官方也只是发了视频和一个示例 demo 来说明这个草案。官方在视频和 RFC 中说明了产生这个方案的主…

949
4
1

2年前

HTM - JSX 的替代品？还是另一种选择？

所以，你可以直接在 react、preact 或者 omi 中使用并且直接在浏览器中运行，不需要任何编译。它利用了 Tagged templates 和浏览器自带的 HTML parser。 HTM最初的目标是在Preact周围创建一个包装器，使用它在浏览器中不受干扰。我想使用…

4930
72
11

HTM - JSX 的替代品？还是另一种选择？

1月前

React Scheduler 源码理解

`requestIdleCallback` 和 `requestAnimationFrame` 无法实现react团队的需求，所以自己实现了 `Scheduler`。

106
点赞
评论

React Scheduler 源码理解

1月前

React hook 相关内容

这是我参与 8 月更文挑战的第 11 天，活动详情查看： 8月更文挑战一、useReducer 与 useState useReducer 可以传给子组件个 dispatch 函数，子组件可以通过传

44
1
评论

3年前

CodeSandbox(基于 React 的在线代码沙盒平台)

主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他(比如作为博文内的演示!)...挺好用的..

7438
18
评论

CodeSandbox(基于 React 的在线代码沙盒平台)

1年前

H5录音实践总结(Preact)

目录获取PCM数据处理PCM数据Float32转Int16ArrayBuffer转Base64PCM文件播放重采样PCM转MP3PCM转WAV短时能量计算WebWorker优化性能音频存储(Index

1514
17
1

1年前

从零到一，组件库的进化

今年早些时候用preact 做了个新项目，并自己开发了所有组件，于是萌生了做一个组件库的想法，在闲暇时终于慢慢地磨出来一个组件库。当是记录和总结一下开发的二三事吧。如果感兴趣的话，可以看看组件库文档，源码在项目地址。工欲善其事，必先利其器。个人建议不着急先写组件，一开…

1489
29
1

1年前

Preact源码阅读（一）- 从render开始

本系列研究Preact10.4.6的具体实现，包括生命周期、diff、更新机制、hooks和异常处理等功能的是实现。本节内容研究render功能、初始化阶段和生命周期的映射及执行，可能需要了解JSX到

819
4
4

3月前

4种方法，轻松搞懂 React 组件通信

父子组件、跨级组件、兄妹组件一般是怎么通信的？父传子我们可以使用props和onchange，跨级组件使用context，同级组件可以直接共享父组件数据源

118
1
评论

2年前

Preact源码分析

最近打算学习React源码，发现了一个简易版的框架Preact，且与React的API比较相似，因此决定先看看它的代码。本文使用源码版本preact 10.0.0-beta.3，复制了部分核心源码，删除了一些逻辑分支并增加了注释。可以把Component看做是一个类，我们暂…

1770
14
评论

3年前

从 0 到 1 实现 React 系列 —— 3.生命周期和 diff 算法

本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/...)

1827
89
评论

从 0 到 1 实现 React 系列 —— 3.生命周期和 diff 算法

1年前

Preact 源码阅读（零）- JSX到vdom的转换

JSX是一个具有灵活性、功能较强的“模版语法”，它不仅仅具有常见的模版语法的功能，如Art、Jade中的功能，更支持Javascript语法的扩展，让我们使用Javascript编写模版。在React + webpack +babel的框架体系里，JSX是如何转换到Vdom的那…

929
1
评论

3年前

深入Preact源码分析（4.20更新）

jsx要转化成virtualDOM，首先经过babel，再经过h函数的调用形成virtualDOM。具体如下相当于react得createElement()，jsx经过babel转码后是h的循环调用，生成virtualDOM。通过源码中h的函数定义也可以看见。h的函数第一个…

1998
65
5

深入Preact源码分析（4.20更新）

12月前

Preact源码阅读（三）- 更新机制

在Preact源码阅读(二），我们看了初始化阶段的diff算法，preact采用了深度diff的算法，由根节点开始，深度遍历子节点，完成比较及DOM的创建、插入。本章准备分析setState的基本函数功能，并基于此，分析preact更新阶段的流程。 1. setState功能 …

451
2
4

4年前

去哪儿网迷你React的研发心得

去哪儿网迷你React是年初立项的新作品，在这前，去哪儿网已经深耕多年，拥有QRN（react-native的公司制定版），HY（基于React的hybird方案）， yo(基于React的移动UI库)，QRN-web(基于React的三端合一移植方案)，此外，像机票等部门也大规

1688
83
6