npx, Hashbase, GatsbyJS, эмоции и история

Ежемесячно мы собираем некоторые ссылки, связанные с технологиями, чтобы поделиться с вами. Они часто отражают работу, которой мы занимаемся в настоящее время, или инструменты, которые мы используем для улучшения нашего рабочего процесса. Мы надеемся, что по крайней мере один из них может помочь вам улучшить ваш технологический стек или уменьшить трения в вашей повседневной работе.

npx определенно самый захватывающий новый инструмент в моей оболочке. Я следил за тем, как Кэт Марчан, инженер npm CLI и основной участник npx, публиковала гифки и скриншоты в твиттере. Я едва успел поэкспериментировать с модулем, прежде чем он был упакован и отправлен с [email protected]. Это безумно полезно, и вам стоит прочитать отличное введение на Medium. Пост включает в себя несколько гифок, показывающих npx в действии.

пакеты, которые мне нравится использовать с npx

Для меня npx лучше всего работает в двух случаях:

  1. выполнение двоичных файлов локального модуля без каких-либо хакерских $PATH возни
  2. «одноразовые» сценарии, которые вам не нужны локально, но которые вы всегда хотите обновлять

Вот несколько модулей, которые я больше не устанавливал глобально:

  • create-react-app: создавайте приложения React без конфигурации сборки.
  • http-server: простой http-сервер командной строки без настройки.
  • npm-check: Проверить наличие устаревших, неправильных и неиспользуемых зависимостей.
  • fixpack: очиститель файлов package.json для настоящих безумцев.

Кроме того, вы можете обнаружить, что некоторые пакеты не подходят для непосредственного использования с npx, но крошечный сценарий оболочки действительно может облегчить вашу жизнь. Например, построить новый проект next можно очень просто:

npx -p next next init && npm i

Это заменяет необходимость:

npm init -y npm i next react react-dom next init
# and now manually modify your package.json scripts

Наконец, вот список потрясающих npx ресурсов, составленный сообществом.

одноранговая сеть

Я интересовался проектом dat с тех пор, как впервые столкнулся с ним, но, похоже, в последнее время он добился действительно больших успехов благодаря отличным инструментам, ориентированным на пользователя. Функции Beaker Browser в сочетании с новой службой #_hashbase упрощают начало создания P2P-сайтов. Вот статья знакомство с Hashbase.

интересные модули npm

ГэтсбиДжейСи

⚛️📄🚀 Молниеносно быстрый генератор статических сайтов для React

Я еще ничего не создавал для производства с этим, но они только что выпустили официальную версию v1 (фактически @1.2.0 на момент написания этой статьи).

эмоция

⚡️ Следующее поколение CSS-in-JS

Я немного поигрался с styled-components, но это похоже на замену, которая значительно быстрее в производстве. У Кай Хохенбергер есть хорошее предисловие к emotion на Medium.

история

Мне нравится использовать это как псевдоним: alias h=historie.

Первоначально опубликовано на studioelsa.se.