Find the cost of adding an npm package to your app's bundle size
teardown.kelinci.dev
chore: remove uninteresting packages
+2
-15
+2
-15
src/recommendations.ts
+2
-15
src/recommendations.ts
···
2
2
// UI frameworks
3
3
'lit-html',
4
4
'preact',
5
-
'react',
6
5
'solid-js',
7
6
'svelte',
8
7
'vue',
···
11
10
'@solidjs/router',
12
11
['@tanstack/react-router', '@tanstack/solid-router'],
13
12
'navaid',
14
-
'path-to-regexp',
15
13
'react-router',
16
14
'regexparam',
17
15
'trouter',
···
51
49
'wretch',
52
50
53
51
// validation/schema
54
-
'ajv',
55
52
'arktype',
56
53
'@badrap/valita',
57
54
'@sinclair/typebox',
···
66
63
'luxon',
67
64
68
65
// class names/styling
69
-
'classnames',
70
66
'clsx',
71
67
'tailwind-merge',
72
68
73
69
// ID generation
74
70
'cuid2',
75
-
'human-id',
76
71
'nanoid',
77
72
'ulid',
78
73
'uuid',
79
74
80
75
// deep clone/equality
81
76
'dequal',
82
-
'fast-deep-equal',
83
77
'klona',
84
-
'rfdc',
85
78
86
79
// object utilities
87
-
'deepmerge',
88
80
'defu',
89
81
'destr',
90
82
'dot-prop',
91
83
92
84
// string utilities
93
85
'change-case',
94
-
'slugify',
95
86
96
87
// memoization / caching
97
-
'fast-memoize',
98
88
'memoize',
99
89
'p-memoize',
100
-
'tinylru',
101
90
102
91
// throttle / debounce
103
92
'throttle-debounce',
···
197
186
// storage
198
187
'idb',
199
188
'idb-keyval',
200
-
'localforage',
201
189
202
190
// CSV
203
191
'papaparse',
···
211
199
212
200
// compression
213
201
'fflate',
202
+
'fzstd',
214
203
'pako',
215
204
216
205
// encoding / binary
···
218
207
'uint8arrays',
219
208
220
209
// cryptography
221
-
'@noble/curves',
210
+
['@noble/curves', '@noble/secp256k1', '@noble/ed25519'],
222
211
'@noble/hashes',
223
212
224
213
// color
···
231
220
'decimal.js',
232
221
233
222
// formatting
234
-
'ms',
235
223
'pretty-bytes',
236
224
237
225
// serialization
···
293
281
// CSS-in-JS / styling
294
282
['@emotion/react', '@emotion/styled'],
295
283
'styled-components',
296
-
'styled-jsx',
297
284
298
285
// positioning/floating
299
286
'nanopop',