[PR #6755] [MERGED] Mobile: improve performance for transaction list usage #25327

Closed
opened 2026-04-16 18:31:57 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6755
Author: @MatissJanis
Created: 1/22/2026
Status: Merged
Merged: 1/24/2026
Merged by: @MatissJanis

Base: masterHead: matiss/pull-to-refresh-transaction-list


📝 Commits (4)

  • 5aa6518 Mobile: add usePullToRefreshOnScrollContainer hook, bypass PTR library, refactor transaction list
  • 013513c Remove usePullToRefreshOnScrollContainer hook from desktop client
  • 3e9495b Enhance PullToRefresh component with optional style prop and refactor TransactionList layout
  • b74c350 Refactor TransactionListItem component: remove unused imports and hooks, update props type to use ListBoxItemRenderProps

📊 Changes

5 files changed (+182 additions, -178 deletions)

View changed files

📝 packages/desktop-client/src/components/mobile/PullToRefresh.tsx (+5 -1)
📝 packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx (+18 -12)
📝 packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx (+148 -165)
📝 packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx (+5 -0)
upcoming-release-notes/6755.md (+6 -0)

📄 Description

List virtualization was not working in transaction list. This patches the problem.. and thus improves performance quite considerably.


Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 28 14.42 MB → 14.42 MB (+4.65 kB) +0.03%
loot-core 1 5.84 MB 0%
api 1 4.38 MB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
28 14.42 MB → 14.42 MB (+4.65 kB) +0.03%
Changeset
File Δ Size
src/components/mobile/transactions/TransactionListItem.tsx 📈 +3.88 kB (+38.75%) 10.02 kB → 13.9 kB
src/components/mobile/PullToRefresh.tsx 📈 +38 B (+3.57%) 1.04 kB → 1.08 kB
src/components/mobile/transactions/TransactionList.tsx 📈 +522 B (+2.68%) 18.99 kB → 19.5 kB
src/components/mobile/transactions/TransactionListWithBalances.tsx 📈 +226 B (+2.08%) 10.59 kB → 10.81 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/TransactionList.js 101.58 kB → 105.97 kB (+4.39 kB) +4.32%
static/js/narrow.js 640.87 kB → 641.13 kB (+264 B) +0.04%

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
static/js/index.js 9.24 MB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 12.94 kB 0%
static/js/workbox-window.prod.es5.js 5.64 kB 0%
static/js/da.js 106.62 kB 0%
static/js/de.js 175.37 kB 0%
static/js/en-GB.js 7.18 kB 0%
static/js/en.js 160.05 kB 0%
static/js/es.js 171.21 kB 0%
static/js/fr.js 179.72 kB 0%
static/js/it.js 171.54 kB 0%
static/js/nb-NO.js 157.23 kB 0%
static/js/nl.js 103.35 kB 0%
static/js/pl.js 88.64 kB 0%
static/js/pt-BR.js 146.24 kB 0%
static/js/ru.js 106.97 kB 0%
static/js/sv.js 78.2 kB 0%
static/js/th.js 182.35 kB 0%
static/js/uk.js 215.11 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/BackgroundImage.js 120.54 kB 0%
static/js/ReportRouter.js 1.07 MB 0%
static/js/wide.js 159.97 kB 0%
static/js/AppliedFilters.js 9.71 kB 0%
static/js/usePayeeRuleCounts.js 11.79 kB 0%
static/js/useTransactionBatchActions.js 13.23 kB 0%
static/js/FormulaEditor.js 1.04 MB 0%

loot-core

Total

Files count Total bundle size % Changed
1 5.84 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.BInehE-N.js 5.84 MB 0%

api

Total

Files count Total bundle size % Changed
1 4.38 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
bundle.api.js 4.38 MB 0%

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/6755 **Author:** [@MatissJanis](https://github.com/MatissJanis) **Created:** 1/22/2026 **Status:** ✅ Merged **Merged:** 1/24/2026 **Merged by:** [@MatissJanis](https://github.com/MatissJanis) **Base:** `master` ← **Head:** `matiss/pull-to-refresh-transaction-list` --- ### 📝 Commits (4) - [`5aa6518`](https://github.com/actualbudget/actual/commit/5aa6518587ece9c6436b158c123db0b7353f1e3c) Mobile: add usePullToRefreshOnScrollContainer hook, bypass PTR library, refactor transaction list - [`013513c`](https://github.com/actualbudget/actual/commit/013513cf80ca9f77b44791e348d8cb2e45f4165b) Remove usePullToRefreshOnScrollContainer hook from desktop client - [`3e9495b`](https://github.com/actualbudget/actual/commit/3e9495b247a404b1f1aefc207a49afa59786f0d4) Enhance PullToRefresh component with optional style prop and refactor TransactionList layout - [`b74c350`](https://github.com/actualbudget/actual/commit/b74c35002d4bc662431b2399a70358b4b60dab0e) Refactor TransactionListItem component: remove unused imports and hooks, update props type to use ListBoxItemRenderProps ### 📊 Changes **5 files changed** (+182 additions, -178 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/mobile/PullToRefresh.tsx` (+5 -1) 📝 `packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx` (+18 -12) 📝 `packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx` (+148 -165) 📝 `packages/desktop-client/src/components/mobile/transactions/TransactionListWithBalances.tsx` (+5 -0) ➕ `upcoming-release-notes/6755.md` (+6 -0) </details> ### 📄 Description List virtualization was not working in transaction list. This patches the problem.. and thus improves performance quite considerably. <!--- actual-bot-sections ---> <hr /> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 28 | 14.42 MB → 14.42 MB (+4.65 kB) | +0.03% loot-core | 1 | 5.84 MB | 0% api | 1 | 4.38 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 28 | 14.42 MB → 14.42 MB (+4.65 kB) | +0.03% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/mobile/transactions/TransactionListItem.tsx` | 📈 +3.88 kB (+38.75%) | 10.02 kB → 13.9 kB `src/components/mobile/PullToRefresh.tsx` | 📈 +38 B (+3.57%) | 1.04 kB → 1.08 kB `src/components/mobile/transactions/TransactionList.tsx` | 📈 +522 B (+2.68%) | 18.99 kB → 19.5 kB `src/components/mobile/transactions/TransactionListWithBalances.tsx` | 📈 +226 B (+2.08%) | 10.59 kB → 10.81 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** Asset | File Size | % Changed ----- | --------- | --------- static/js/TransactionList.js | 101.58 kB → 105.97 kB (+4.39 kB) | +4.32% static/js/narrow.js | 640.87 kB → 641.13 kB (+264 B) | +0.04% **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/index.js | 9.24 MB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 12.94 kB | 0% static/js/workbox-window.prod.es5.js | 5.64 kB | 0% static/js/da.js | 106.62 kB | 0% static/js/de.js | 175.37 kB | 0% static/js/en-GB.js | 7.18 kB | 0% static/js/en.js | 160.05 kB | 0% static/js/es.js | 171.21 kB | 0% static/js/fr.js | 179.72 kB | 0% static/js/it.js | 171.54 kB | 0% static/js/nb-NO.js | 157.23 kB | 0% static/js/nl.js | 103.35 kB | 0% static/js/pl.js | 88.64 kB | 0% static/js/pt-BR.js | 146.24 kB | 0% static/js/ru.js | 106.97 kB | 0% static/js/sv.js | 78.2 kB | 0% static/js/th.js | 182.35 kB | 0% static/js/uk.js | 215.11 kB | 0% static/js/resize-observer.js | 18.37 kB | 0% static/js/BackgroundImage.js | 120.54 kB | 0% static/js/ReportRouter.js | 1.07 MB | 0% static/js/wide.js | 159.97 kB | 0% static/js/AppliedFilters.js | 9.71 kB | 0% static/js/usePayeeRuleCounts.js | 11.79 kB | 0% static/js/useTransactionBatchActions.js | 13.23 kB | 0% static/js/FormulaEditor.js | 1.04 MB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 5.84 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.BInehE-N.js | 5.84 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.38 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- bundle.api.js | 4.38 MB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-16 18:31:57 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#25327