perf: reduce dev compile times#24
Merged
Merged
Conversation
…ller - Replace cancelled-boolean fetch pattern in AnalyticsPanel with AbortController to prevent double fetches in React StrictMode - Extract all recharts chart blocks into a new AnalyticsCharts.tsx component loaded via next/dynamic with ssr:false, keeping recharts out of the initial bundle - Add loading skeletons to MeetingsPanelLoader and MeetingView dynamic import boundaries Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
AnalyticsPanel.tsx): Replacecancelledboolean flag withAbortControllerso React StrictMode's double-invocation ofuseEffectaborts the first in-flight request instead of sending two parallel HTTP calls.AnalyticsCharts.tsx+AnalyticsPanel.tsx): Extract all five chart blocks (BarChart,LineChart,AreaChart, and the meetings chart) into a newAnalyticsChartscomponent loaded vianext/dynamicwithssr: false. Recharts is now excluded from the initial bundle and compiled only when the charts pane is first rendered.MeetingsPanelLoader.tsx,MeetingView.tsx): Addloadingfallback UI to the existingdynamic()calls forMeetingsPanelandMeetingSceneso users see a placeholder immediately instead of a blank area during chunk download.Test plan
npx tsc --noEmitpasses with no new type errors🤖 Generated with Claude Code