Франсуа Хендрикс рассказал о том, как сделать библиотеку, у которой не было бы проблем с три-шейкингом — "How To Make Tree Shakeable Libraries".

Недостаточно поправить конфиг сборки приложения, чтобы бандлер смог выкинуть неиспользуемый код библиотеки. Сама библиотека не должна мешать этому процессу. Eё код должен быть написан с использованием ESM и разбит на большое число небольших модулей, которые экспортируют только один кусок логики. При сборке библиотеки нужно настроить её бандлинг с сохранением структуры. Это нужно делать для того, чтобы бандлеры могли применять оптимизации, опираясь на информацию из поля sideEffects package.json.

Также в статье есть рекомендация не использовать транспиляцию перед публикацией библиотеки, так как наиболее оптимальную цель транспиляции знает только пользователь библиотеки. Если от транспиляции отказаться нельзя, то нужно проконтролировать, чтобы сохранился формат ESM.

Очень полезная и большая статья. Рекомендую почитать.

#performance #bundle #library

https://blog.theodo.com/2021/04/library-tree-shaking/

Набор иконок.

• Более 1000 иконок в разных стилях для твоего дизайна.

#icon #library

Открыть в Figma

👨 Дизайн-телега

Шаблоны макетов портфолио Dribbble

• 52 полезных макетов для дриблл

#library #mockup

Открыть в Figma

👨 Дизайн-телега

Набор иконок.

• 1000+ векторных иконок в outline-стиле
• Форматы: Figma (Auto Layout 4.0), SVG

#icons #outline #library

Открыть в Figma

Библиотека градиентов.

• Более 800 градиентов, готовых к использованию
• Разделены по основным цветам для удобства
• 13 базовых цветов + светлые и тёмные варианты
• Включает синие, красные, оранжевые, жёлтые, бирюзовые, фиолетовые, розовые, зелёные, серые, коричневые, аква-градиенты и другие

#color #gradient #library

Открыть в Figma

Библиотека 3D-объектов.

• 134 базовых формы: сферы, конусы, кубы, яйца, цилиндры, диски, кристаллы
• PNG с прозрачным фоном в разрешении 2K
• Добавлена текстура легкого шума для естественности

#3d #objects #shapes #library #resources

Открыть в Figma

Библиотека 3D-объектов.

• 134 базовых формы: сферы, конусы, кубы, яйца, цилиндры, диски, кристаллы
• PNG с прозрачным фоном в разрешении 2K
• Добавлена текстура легкого шума для естественности

#3d #objects #shapes #library #resources

Открыть в Figma

Набор для прототипирования мобильных приложений.

• Более 40 готовых компонентов.

#components #library #mobile


Открыть в Figma