> ## Documentation Index
> Fetch the complete documentation index at: https://poehali.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Работа с npm

> Улучшайте сайты готовыми решениями

<Accordion title="Что такое npm пакеты">
  npm пакеты — это готовый код, который создали другие разработчики. Использование готовых решений значительно ускоряет разработку.

  На сайте [npmjs.com](https://www.npmjs.com/) есть тысячи пакетов для решения разных задач.
</Accordion>

## Пример использования

Вы хотите создать доску с карточками, которые нужно перетаскивать мышкой.

Можно попросить Юру написать код с нуля. Но это долго.

Лучше использовать готовый пакет [@hello-pangea/dnd](https://www.npmjs.com/package/@hello-pangea/dnd). Он уже умеет перетаскивать элементы.

### Как попросить Юру

Напишите так:

```
Используй пакет hello-pangea/dnd. 
Сделай доску с карточками. 
Карточки можно перетаскивать между колонками.
```

Юра добавит пакет в проект. Получится готовая доска:

<img className="block dark:hidden" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/npm-1.png" alt="21st.dev в светлой теме" />

<img className="hidden dark:block" src="https://storage.yandexcloud.net/poehali-cdn/intertnal/docs/doc.pictures/npm-1.png" alt="21st.dev в темной теме" />

## Важно знать

Юра не проверяет качество пакетов. Их создают другие люди.

Вы сами отвечаете за выбор пакета. Обязательно тестируйте результат.

## Советы по выбору пакетов

* **Смотрите на скачивания** — много скачиваний означает популярный пакет, такие обычно работают лучше
* **Проверяйте обновления** — хорошие пакеты регулярно обновляются, смотрите дату последнего обновления
* **Читайте отзывы** — на GitHub есть комментарии пользователей, изучите их перед использованием
* **Тестируйте сразу** — после добавления пакета проверьте, как он работает в вашем проекте