Новое: фильтрация компонентов по размеру пакета и зависимостям перед их установкой в приложение.
Представьте, что вам нужно искать отель на сайте booking.com, не имея возможности отфильтровать отель, местоположение… это не сработает. Вы хотите выбрать подходящий отель и платить как можно меньше.
При поиске кода для использования в вашем приложении все не так уж и сильно. Вы должны быть уверены, что выбираете только те компоненты, которые «дешевы» по весу и зависимостям, которые они добавляют к вашему приложению. В противном случае ситуация может быстро выйти из-под контроля, и ваше приложение может стать медленным и тяжелым.
Bit помогает разработчикам совместно использовать больше компонентов в одиночку или в команде. Это дом для более чем 50 тысяч разработчиков, которые делятся и ищут компоненты. Как вы можете выбрать правильные компоненты для своего приложения с таким большим объемом кода?
Сегодня мы представляем два новых фильтра поиска в bit.dev, которые позволяют искать компоненты по размеру пакета и по зависимостям. Эти новые фильтры присоединяются к уже существующим фильтрам, таким как метки компонентов, тесты и примеры.
С помощью этих новых поисковых фильтров вы можете быть уверены, что не просто найдете полезные компоненты - вы найдете нужные компоненты для использования в своем приложении.
Вы можете потреблять компоненты, не платя лишний вес, добавленный к вашему приложению, и добавляя только минимальные зависимости.
Ваши пользователи получат более быструю и удобную работу, и, надеюсь, ваша жизнь в качестве разработчика приложения станет намного проще.
Поиск компонентов по размеру пакета
Каждый раз, когда вы делитесь или обновляете компоненты, Bit вычисляет общий размер пакета для каждого компонента и всех его зависимостей, сжатых и уменьшенных в сжатом виде. Затем вы можете отфильтровать и выбрать правильные компоненты для своего приложения.
Почему? Что ж, вот факт, известный каждому фронтенд-разработчику:
Небольшой пакет = ›меньший сетевой трафик =› более быстрое время загрузки приложения = ›лучшие показатели по всем направлениям.
Маленькие компоненты могут стать большой проблемой. Когда вы устанавливаете небольшой компонент из общедоступного или внутреннего реестра пакетов, вы не можете точно сказать, какой вес он прибавит и насколько замедлит работу вашего приложения.
Исследования Google показывают, что примерно каждые 0,5 секунды, добавляемые ко времени загрузки страницы, теряется 20% трафика. Amazon заявляет, что задержка в 1 секунду будет стоить 1,6 миллиарда долларов в год. Для вашего собственного продукта более быстрое время загрузки может привести к лучшим показателям конверсий, удержания, трафика и т. Д.
Вам нужно установить компонент, создать приложение и попытаться понять, что происходит. Это может занять много времени, так как вам придется учитывать все зависимости компонентов как часть цены, которую вы платите.
Вы можете даже пройти весь этот процесс, чтобы в конце концов обнаружить, что установленный вами компонент слишком велик для вашего приложения. Но не более того. Теперь контроль в ваших руках.
Когда вы публикуете свои компоненты в bit.dev (или выполняете поиск компонентов в сообществе), теперь вы можете фильтровать точный размер пакета компонентов перед их установкой. Вы даже можете фильтровать компоненты по их точным зависимостям, чтобы предотвратить раздувание и сделать приложение максимально легким.
Когда вы публикуете компоненты своей команды в bit.dev, становится ясно, какие именно компоненты слишком тяжелые, а какие оптимальны для ваших нужд. Вы можете стандартизировать общие компоненты, чтобы оптимизировать производительность приложения.
"Взглянем".
Искать компоненты по их зависимостям
Допустим, вы ищете компонент кнопки для добавления в приложение React. Но ваш проект также использует Enzyme для тестирования и, возможно, множество других зависимостей для различных задач, которые вам необходимо выполнить.
В bit.dev теперь вы можете фильтровать свой поиск в соответствии с конкретными зависимостями, используемыми компонентами, которые вы ищете. Это гарантирует, что вы можете найти нужные компоненты, которые соответствуют вашим уже существующим зависимостям, и убедитесь, что вы не добавляете ненужные вещи, которые могут просто раздуть ваше приложение.
Благодаря этому вы можете контролировать размер пакета вашего приложения, а также упростить рабочий процесс разработки вашего проекта. Например, вы можете объединить типы данных, с которыми работают ваши компоненты, способ их тестирования, способ стилизации компонентов и т. Д.
Это означает более быструю и безболезненную разработку, стандартизацию вашего стека разработки и предотвращение лишних сложностей. Это также означает более легкие приложения, обеспечивающие более быстрый и лучший опыт для ваших пользователей.
"Взглянем".
Что дальше?
Мы продолжим работать над созданием опыта, который сделает все компоненты мира доступными для практического использования. Сложность компонентов живого кода должна быть преимуществом, а не недостатком при обнаружении совместно используемого кода многократного использования.
Поиск кода Bit основан на семантических, структурных и контекстных свойствах компонентов. Основываясь на этих знаниях, bit.dev стремится упростить поиск и выбор лучших компонентов для нужд вашего конкретного проекта.
Это означает, что необходимо учитывать функциональность API кода, его документы, тесты, метки контекста, размер пакета, зависимости и другие полезные параметры. Найдя понравившийся компонент, вы можете опробовать его на игровой площадке, чтобы узнать, как он работает, на практике, прежде чем устанавливать его в свой код.
Забегая вперед, мы хотим сделать процесс поиска компонентов таким же простым, как поиск квартиры Airbnb или продукта на Amazon. В конце концов, разработчики не должны страдать - они создают и все остальное :)
До следующего раза… Ура, команда Bit 🌹
