BlogDocs

fix(runtime): CSSVars can work with Teleport(#7344)

Merging
baiwusanyu-c:bwsy/fix/teleportCSSVars
into
main
0%
IMPROVEMENTS
0
REGRESSIONS
0
UNTOUCHED
53
NEW
0
DROPPED
0
IGNORED
0

Benchmarks

1000 refs, 1 computed
packages/reactivity/__tests__/computed.bench.ts::computed::1000 refs, 1 computed
0%
2.6 ms
2.6 ms
create computed
packages/reactivity/__tests__/computed.bench.ts::computed::create computed
-1%
24.6 µs
24.9 µs
write independent ref dep
packages/reactivity/__tests__/computed.bench.ts::computed::write independent ref dep
0%
33.9 µs
33.8 µs
write ref, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read 1000 computeds (invoked)
-2%
780.7 µs
794 µs
write ref, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read 1000 computeds (never invoked)
0%
38.5 µs
38.4 µs
write ref, don't read computed (invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read computed (invoked)
0%
63.4 µs
63.6 µs
write ref, don't read computed (never invoked)
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, don't read computed (never invoked)
0%
33.2 µs
33.1 µs
write ref, read 1000 computeds
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, read 1000 computeds
-1%
5.3 ms
5.4 ms
write ref, read computed
packages/reactivity/__tests__/computed.bench.ts::computed::write ref, read computed
0%
121.2 µs
121.3 µs
reduce *raw* array, copied, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 10 elements
0%
173.7 µs
174 µs
reduce *raw* array, copied, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 100 elements
0%
98.6 µs
98.7 µs
reduce *raw* array, copied, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, copied, 1000 elements
0%
224.6 µs
224.8 µs
reduce *raw* array, manually triggered, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 10 elements
0%
323.4 µs
324 µs
reduce *raw* array, manually triggered, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 100 elements
0%
103.5 µs
103.7 µs
reduce *raw* array, manually triggered, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *raw* array, manually triggered, 1000 elements
0%
233.5 µs
233.5 µs
reduce *reactive* array, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 10 elements
0%
851.6 µs
852.9 µs
reduce *reactive* array, 10 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 10 elements, only change first value
0%
198.9 µs
198.5 µs
reduce *reactive* array, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 100 elements
0%
2.4 ms
2.4 ms
reduce *reactive* array, 100 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 100 elements, only change first value
+1%
750.5 µs
745 µs
reduce *reactive* array, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 1000 elements
+1%
25.1 ms
24.8 ms
reduce *reactive* array, 1000 elements, only change first value
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *reactive* array, 1000 elements, only change first value
+1%
6.5 ms
6.4 ms
reduce *readonly* array, 10 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 10 elements
0%
304.5 µs
304.8 µs
reduce *readonly* array, 100 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 100 elements
0%
1.3 ms
1.3 ms
reduce *readonly* array, 1000 elements
packages/reactivity/__tests__/reactiveArray.bench.ts::reduce *readonly* array, 1000 elements
0%
11.7 ms
11.7 ms
1000 reactive maps, 1 computed
packages/reactivity/__tests__/reactiveMap.bench.ts::1000 reactive maps, 1 computed
+1%
5.9 ms
5.9 ms
create reactive map
packages/reactivity/__tests__/reactiveMap.bench.ts::create reactive map
0%
38 µs
38.1 µs
write reactive map (10'000 items), read computed
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map (10'000 items), read computed
0%
6.9 ms
6.9 ms
write reactive map property
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map property
0%
50.5 µs
50.5 µs
write reactive map, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read 1000 computeds (invoked)
0%
1.1 ms
1.1 ms
write reactive map, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read 1000 computeds (never invoked)
0%
44.6 µs
44.7 µs
write reactive map, don't read computed (invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read computed (invoked)
0%
81.7 µs
82 µs
write reactive map, don't read computed (never invoked)
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, don't read computed (never invoked)
0%
36.7 µs
36.8 µs
write reactive map, read 1000 computeds
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, read 1000 computeds
0%
9.5 ms
9.5 ms
write reactive map, read computed
packages/reactivity/__tests__/reactiveMap.bench.ts::write reactive map, read computed
0%
132.8 µs
133 µs
1000 reactive objs, 1 computed
packages/reactivity/__tests__/reactiveObject.bench.ts::1000 reactive objs, 1 computed
0%
4.4 ms
4.4 ms
create reactive obj
packages/reactivity/__tests__/reactiveObject.bench.ts::create reactive obj
0%
33.3 µs
33.3 µs
write reactive obj property
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj property
0%
52.7 µs
52.7 µs
write reactive obj, don't read 1000 computeds (invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read 1000 computeds (invoked)
0%
803.5 µs
803.5 µs
write reactive obj, don't read 1000 computeds (never invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read 1000 computeds (never invoked)
0%
68.5 µs
68.5 µs
write reactive obj, don't read computed (invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read computed (invoked)
0%
88 µs
88 µs
write reactive obj, don't read computed (never invoked)
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, don't read computed (never invoked)
0%
52.2 µs
52.2 µs
write reactive obj, read 1000 computeds
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, read 1000 computeds
0%
14.5 ms
14.5 ms
write reactive obj, read computed
packages/reactivity/__tests__/reactiveObject.bench.ts::write reactive obj, read computed
0%
132.9 µs
132.9 µs
create ref
packages/reactivity/__tests__/ref.bench.ts::ref::create ref
0%
26.2 µs
26.2 µs
read ref
packages/reactivity/__tests__/ref.bench.ts::ref::read ref
+1%
15.1 µs
14.9 µs
write ref
packages/reactivity/__tests__/ref.bench.ts::ref::write ref
0%
50.3 µs
50.1 µs
write/read ref
packages/reactivity/__tests__/ref.bench.ts::ref::write/read ref
+1%
47.5 µs
47.2 µs
create watchEffect
packages/runtime-core/__tests__/apiWatch.bench.ts::create watchEffect
-1%
58.3 µs
58.7 µs
create watcher
packages/runtime-core/__tests__/apiWatch.bench.ts::create watcher
-3%
111.2 µs
114.2 µs
update ref to trigger watchEffect (executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watchEffect (executed)
0%
114 µs
114.3 µs
update ref to trigger watchEffect (scheduled but not executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watchEffect (scheduled but not executed)
-1%
335.2 µs
340.2 µs
update ref to trigger watcher (executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watcher (executed)
-1%
424.5 µs
429.6 µs
update ref to trigger watcher (scheduled but not executed)
packages/runtime-core/__tests__/apiWatch.bench.ts::update ref to trigger watcher (scheduled but not executed)
0%
134 µs
133.6 µs

Commits

Click on a commit to change the comparison range
base
main
bae79dd
0%
Merge remote-tracking branch 'origin/main' into bwsy/fix/teleportCSSVars # Conflicts: # packages/runtime-dom/__tests__/helpers/useCssVars.spec.ts
e3e85d5
7 months ago by baiwusanyu-c
ResourcesHomePricingDocsBlogGitHub
Copyright © 2024 CodSpeed Technology SAS. All rights reserved.