Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.9K photos
208 videos
48 files
5.2K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
#nodejs #npm #tools

10 лучших практик безопасности при работе с NPM

Практически каждый фронтендер сейчас активно работает с NPM — загружают чужие инструменты и публикуют собственные разработки.

Не забывайте о безопасности!

https://prglb.ru/53wug
Да, это npx, а не npm

А вы знаете, чем npx отличается от npm?

https://prglb.ru/27grn

#npm #tools
13 npm-трюков для быстрой разработки

Менеджеры пакетов прочно вошли в наш повседневный рабочий процесс. Но знаете ли вы, что их потенциал не исчерпывается командами npm install и npm init?

Брэт Кэмерон собрал 13 приемов, которые могут увеличить вашу эффективность.

👍 шорткоды для самых частых операций
👍 полезные утилиты и npm-скрипты
👍 управление файлом package.json
👍 и даже кастомный npm init

Читайте и пользуйтесь: https://prglb.ru/4ghu7

#npm #tools
Как публиковать веб-компоненты в NPM

Подробный чеклист с объяснением каждого пункта для обеспечения совместимости и максимальной гибкости ваших компонентов.

Читать: https://prglb.ru/2p1jc

#npm
Зачем нужен файл package.lock?

Разве yarn.lock недостаточно? На самом деле - нет, недостаточно.

Читать: https://prglb.ru/2l89t

#npm
📌 npm explain — кто притащил эту зависимость

Команда (алиас npm why с npm 7+) показывает полную цепочку зависимостей — кто, через что и зачем тянет пакет.

🔢 Раздутый бандл

Нужно узнать, откуда lodash в зависимостях:


npm explain lodash


Получаете цепочку: проект → axios → follow-redirects → lodash.
Сразу видно, что обновлять или менять.

🔢 Конфликт версий

Подозрение на несколько React одновременно:


npm ls react


Команда покажет каждую версию и её источник.

🔢 Security audit

Нашлась уязвимая транзитивная зависимость:


npm explain vulnerable-package


Понимаете, через какой пакет она попала — обновляете или заменяете.

🔢 Чистка проекта перед продом

Проверить только прямые зависимости:


npm ls --depth=0


Быстро находит забытый мусор в package.json.

🧶 Yarn альтернатива


yarn why package-name


Работает так же, с более подробным выводом.

🔹 Курс «Алгоритмы и структуры данных»
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib

🐸 Библиотека фронтендера

#readme #npm
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1🥰1