Code-split the apps/web bundle
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 68/100
- Loại issue
- Tái cấu trúc
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Ít trao đổi
- Công nghệ
- react, typescript, vite
- Lĩnh vực
- build-system, frontend, performance
Hướng nghiên cứu
Bắt đầu bằng cách đọc App.tsx và các static screen imports được giới thiệu trong PR #28, sau đó chạy production build hiện có và smoke tests để thiết lập baseline. Tách các screen sao cho home route chỉ giữ lại shell code và hero code, đồng thời xác minh rằng không chunk nào vượt quá 200 kB khi được gzip và smoke tests vẫn render thành công.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Context: PR #28 ships every public screen statically imported by App.tsx. The production bundle is 550 kB (164 kB gzipped), which vite warns about at build time.
The cheapest fix is React.lazy() on each screen so each route splits naturally. The shell + home are the hot path; everything else can lazy-load.
Acceptance:
- No single chunk > 200 kB gzipped
- First-paint route (
/) loads only the hero + shell-needed code - Smoke tests still pass (lazy + Suspense boundary doesn't break the render harness)
- Ngôn ngữ chính
- TypeScript
- Star
- 1
- Fork
- 1
- Merge trung bình
- 1 ngày 20 giờ
- Pull request đã merge (30 ngày)
- 25
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của CodeForPhilly/codeforphilly-ng
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
-
MarkdownEditor toolbar: use Radix Toolbar from radix-ui instead of the hand-rolled roving tabindex Đang mởenhancement
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
Tất cả issue của CodeForPhilly/codeforphilly-ng
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
bcgov/bc-wallet-mobile#4761 · 1 bình luận ·
-
external-issue to-triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
-
area-deployment area-integrations triage:bot-seen
Độ khó 2/5 Nửa ngày Mức phù hợp với người mới 86/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
-
refactor
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100