hackjunction / hackjunction/JunctionApp

Remove duplicate dependencies, reduce bundle size

Đang mở
#33 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
code style help wanted nice to have
Ngôn ngữ chính
JavaScript
Star
78
Fork
69
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

Current bundle sizes for the frontend are rather large:

```
668.88 KB (+1.35 KB) build/static/js/8.811c1165.chunk.js
419.88 KB (+7.16 KB) build/static/js/7.8d45f9cc.chunk.js
207.24 KB (+445 B) build/static/js/main.0a8d735f.chunk.js
195.92 KB (+46 B) build/static/js/0.c9df37b9.chunk.js
161.75 KB (-54.38 KB) build/static/js/9.13c960ed.chunk.js
12.94 KB (+204 B) build/static/js/10.aad8fea4.chunk.js
11.82 KB (+6.51 KB) build/static/js/13.70543070.chunk.js
8.61 KB (+6 B) build/static/js/2.d747df3d.chunk.js
5.48 KB (+1.03 KB) build/static/js/12.16818be3.chunk.js
5.36 KB (+20 B) build/static/js/11.14ad2c8f.chunk.js
4.87 KB (-224 B) build/static/js/4.24bf5b95.chunk.js
4.51 KB (-8 B) build/static/js/1.54a90ee7.chunk.js
4.43 KB (-7.4 KB) build/static/js/14.19a8c82c.chunk.js
3.97 KB (-942 B) build/static/js/3.bed8496e.chunk.js
1.28 KB (+2 B) build/static/js/runtime-main.f3fe7f1e.js
```

We have some old libraries which are still being used for a handful of components, the functionality of which can be replaced with some other larger libraries we're using. Examples of this:

- `antd` which is used only for the `` component
- `react-hyper-modal` which should with `` a component from `material-ui`
- `react-inlinesvg` which is used only in ``

Also, we should analyze the source map to see which other libraries are causing considerable bloat and see if we can replace those with some more lightweight options, or implement the functionality ourselves.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Phân tích source map của frontend và báo cáo bundle hiện tại để xác định các dependency bị trùng lặp hoặc lớn một cách không tương xứng. Xem xét việc sử dụng antd trong Upload, react-hyper-modal liên quan đến material-ui Dialog và react-inlinesvg trong GlitchLoader. Công việc được xem là hoàn tất khi giảm các dependency không cần thiết hoặc thay thế cách sử dụng chúng, đồng thời vẫn giữ nguyên chức năng của các component bị ảnh hưởng và chứng minh được bundle nhỏ hơn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
javascript, react
Lĩnh vực
frontend, performance
Loại issue
Tái cấu trúc
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.