Skip to content

feat: [performance improvement]#294

Open
anyulled wants to merge 2 commits into
mainfrom
perf-optimize-navigation-lookups-12829591693744384201
Open

feat: [performance improvement]#294
anyulled wants to merge 2 commits into
mainfrom
perf-optimize-navigation-lookups-12829591693744384201

Conversation

@anyulled

Copy link
Copy Markdown
Owner

💡 What:
Replaced Object.entries(obj).find(([key]) => key === condition)?.[1] with direct property access obj[condition as keyof typeof obj] in lib/shared/navigation.ts.

🎯 Why:
To prevent unnecessary creation of arrays (via Object.entries) and eliminate the linear O(N) lookup time, optimizing the static rendering pathways for navigation.

📊 Impact:
Reduces garbage collection overhead by eliminating temporary arrays per loop iteration and reduces execution time of navigation filtering from O(N) to O(1) complexity per lookup.

🔬 Measurement:
Run npm run test -- __tests__/lib/shared/navigation.test.ts to ensure navigation conditions are still parsed and executed correctly, and review code to verify linear iterations have been removed.


PR created automatically by Jules for task 12829591693744384201 started by @anyulled

Replaced inefficient `Object.entries(obj).find(...)` iteration patterns with direct `obj[key]` lookups in the navigation parsing logic to avoid intermediate array allocation and reduce lookup complexity from O(N) to O(1).

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
@google-labs-jules

Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@vercel

vercel Bot commented Jun 23, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
devbcn-nextjs Error Error Jun 23, 2026 8:41am

Request Review

@qodo-code-review

Copy link
Copy Markdown

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

@coderabbitai

coderabbitai Bot commented Jun 23, 2026

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

@anyulled, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 31 minutes and 39 seconds. Learn how PR review limits work.

Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file).

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits.

🚦 How do rate limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate.

For paid Pro and Pro+ PR reviews, CodeRabbit uses rolling per-developer review limits. Reviews become available again as older review attempts age out of the rolling limit window.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: d54e9f80-8d5c-4540-8d02-8e64e91890a1

📥 Commits

Reviewing files that changed from the base of the PR and between df1657d and 74b7ad5.

📒 Files selected for processing (2)
  • .jules/bolt.md
  • lib/shared/navigation.ts
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch perf-optimize-navigation-lookups-12829591693744384201

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request optimizes dictionary lookups in lib/shared/navigation.ts by replacing linear searches with direct property lookups, and documents this performance learning in .jules/bolt.md. The review feedback recommends removing a duplicated entry in the documentation file and simplifying the TypeScript code by removing a redundant type cast.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Comment thread .jules/bolt.md
Comment on lines +5 to +12

## 2024-05-18 - Avoid array spreads inside loops for Map grouping
**Learning:** In Next.js/React applications, when grouping items (like schedules or talks) into a `Map` where the values are arrays, using the array spread operator `[...existing, item]` inside a loop (like `forEach` or `map`) causes amortized O(N^2) memory allocations and unnecessary Garbage Collection overhead.
**Action:** Always use `.push()` on the existing array reference if the data structure permits local mutation. For strict ESLint configurations enforcing `no-restricted-syntax`, extract the existing array, push to it, and handle the fallback elegantly (`if (!existing) { map.set(key, [item]); } else { existing.push(item); }`).

## 2024-06-23 - Fast Dictionary Lookups
**Learning:** In Next.js/React applications, when looking up static configuration values from objects, using `Object.entries(obj).find(([key]) => key === target)?.[1]` introduces unnecessary array allocations and linear search overhead.
**Action:** Use direct property lookups `obj[target]` (with appropriate typescript type casts if necessary like `target as keyof typeof obj`) for O(1) performance and clearer, less-allocating code.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The section ## 2024-05-18 - Avoid array spreads inside loops for Map grouping is duplicated. It is already present at the top of the file (lines 1-4). Please remove the duplicate entry to keep the file clean.

Suggested change
## 2024-05-18 - Avoid array spreads inside loops for Map grouping
**Learning:** In Next.js/React applications, when grouping items (like schedules or talks) into a `Map` where the values are arrays, using the array spread operator `[...existing, item]` inside a loop (like `forEach` or `map`) causes amortized O(N^2) memory allocations and unnecessary Garbage Collection overhead.
**Action:** Always use `.push()` on the existing array reference if the data structure permits local mutation. For strict ESLint configurations enforcing `no-restricted-syntax`, extract the existing array, push to it, and handle the fallback elegantly (`if (!existing) { map.set(key, [item]); } else { existing.push(item); }`).
## 2024-06-23 - Fast Dictionary Lookups
**Learning:** In Next.js/React applications, when looking up static configuration values from objects, using `Object.entries(obj).find(([key]) => key === target)?.[1]` introduces unnecessary array allocations and linear search overhead.
**Action:** Use direct property lookups `obj[target]` (with appropriate typescript type casts if necessary like `target as keyof typeof obj`) for O(1) performance and clearer, less-allocating code.
## 2024-06-23 - Fast Dictionary Lookups
**Learning:** In Next.js/React applications, when looking up static configuration values from objects, using Object.entries(obj).find(([key]) => key === target)?.[1] introduces unnecessary array allocations and linear search overhead.
**Action:** Use direct property lookups obj[target] (with appropriate typescript type casts if necessary like target as keyof typeof obj) for O(1) performance and clearer, less-allocating code.

Comment thread lib/shared/navigation.ts
.filter((link) => {
if (!link.condition) return true;
const conditionValue = Object.entries(conditions).find(([key]) => key === link.condition)?.[1];
const conditionValue = conditions[link.condition as keyof typeof conditions];

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The type cast as keyof typeof conditions is redundant here. Since conditions is explicitly typed as Record<NavCondition, boolean> and link.condition is narrowed to NavCondition (after the !link.condition check), TypeScript already knows that link.condition is a valid key of conditions. Removing the cast simplifies the code.

Suggested change
const conditionValue = conditions[link.condition as keyof typeof conditions];
const conditionValue = conditions[link.condition];

Replaced inefficient `Object.entries(obj).find(...)` iteration patterns with direct `obj[key]` lookups in the navigation parsing logic to avoid intermediate array allocation and reduce lookup complexity from O(N) to O(1).

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant