Studio Elsa

Länktips: Tekniknpx, Hashbase, GatsbyJS, emotion och historie

Länktips: Tekniknpx, Hashbase, GatsbyJS, emotion och historie

Varje månad samlar vi några teknikrelaterade länkar att dela med er. De speglar ofta arbete vi håller på med just nu, eller verktyg vi använder för att förbättra vårt arbetsflöde. Förhoppningen är att åtminstone en av dem kan hjälpa dig att förbättra din teknikstack eller minska friktionen i ditt dagliga arbete.

en ny binär från npm

npx är utan tvekan det mest spännande nya verktyget i mitt skal. Jag har följt med när Kat Marchán, npm CLI-ingenjör och huvudansvarig för npx, har publicerat gifs och skärmdumpar på Twitter. Jag hann knappt experimentera med modulen innan den paketerades och släpptes med npm@5.2.0. Den är otroligt användbar, och du bör läsa den bra introduktionen på Medium. Inlägget innehåller några av gifsen som visar npx i aktion.

paket jag gillar att använda med npx

För mig fungerar npx bäst i två fall:

  1. att köra lokala modulbinärer utan krångel med $PATH
  2. "engångsskript" som du inte vill ha lokalt, men alltid vill ha uppdaterade

Här är några moduler jag inte längre har installerade globalt:

  • create-react-app: Skapa React-appar utan byggkonfiguration.
  • http-server: En enkel http-server utan konfiguration.
  • npm-check: Kontrollera föråldrade, felaktiga och oanvända beroenden.
  • fixpack: En package.json-städare för de riktigt petiga.

Dessutom kan vissa paket vara mindre bra att använda direkt med npx, men lite shell-scripting kan verkligen göra livet enklare. Att skapa ett nytt next-projekt kan till exempel bli en enkel enradare:

npx -p next next init && npm i

Detta ersätter behovet av:

npm init -y
npm i next react react-dom
next init
# och nu manuellt ändra dina package.json-skript

Till sist, här är en community-sammanställd lista med bra npx-resurser

peer-to-peer-webben

Jag har varit intresserad av dat-projektet sedan jag först stötte på det, men det verkar ha tagit rejäla kliv framåt på senare tid med riktigt bra användarvänliga verktyg. Funktionerna i Beaker Browser kombinerat med den nya tjänsten #_hashbase gör det enkelt att komma igång med att bygga P2P-sajter. Här är en artikel som introducerar Hashbase.

intressanta npm-moduler

GatsbyJS

Jag har inte byggt något för produktion med den ännu, men de har precis släppt en officiell v1 (faktiskt @1.2.0 i skrivande stund).

emotion

Jag har lekt lite med styled-components, men det här verkar vara en direkt ersättning som är betydligt snabbare i produktion. Kye Hohenberger har en trevlig introduktion till emotion på Medium.

historie

Jag gillar att använda den här som ett alias: alias h=historie.

Bygger du något liknande?

Om du planerar en ny lösning eller förbättrar en befintlig kan vi hjälpa till med riktning och implementation.

Starta något