Dacă, ca și mine, îți place să găsești mici pietre prețioase în directorul NPM pentru a-ți îmbunătăți procesul de dezvoltare, astăzi este ziua ta norocoasă.

Încep o nouă serie de articole în care voi prezenta câteva biblioteci mici și mai puțin cunoscute pe care le-am găsit și le folosesc în fiecare zi, care vă vor scuti de mai mult de o bătaie de cap.

Asadar, hai sa incepem!

1. Urlcat

Urlcat este o bibliotecă Javascript mică care face construirea URL-urilor foarte convenabilă și previne greșelile comune.

Da, puteți folosi API-ul URL pentru a vă crea adresele URL. Dar totuși, va trebui să aveți grijă de unele detalii pentru dvs., în loc să construiți doar adresa URL.

De aceea iubesc această bibliotecă. Este doar „plug-and-play”. Nu trebuie să învățați modele complicate sau să petreceți ore întregi pe documentare.

Deci, nu ezitați să încercați: https://github.com/balazsbotond/urlcat.

2. Utilizați Hooks-ts

Dacă sunteți dezvoltator React, utilizați cârlige (sper). Dacă acesta este cazul, probabil că de multe ori trebuie să creați un cârlig personalizat pentru lucruri foarte mici. De exemplu, pentru gestionarea modului întunecat. Sau pentru evenimentul de redimensionare a ferestrei. Sau multe alte cazuri.

UseHooks este o bibliotecă mică cu cârlige bine codificate, bine documentate și complet tastate (pentru utilizatorii Typescript) pentru toate acele cazuri mici, astfel încât să vă concentrați asupra proiectului în sine.

Îl puteți verifica aici: https://github.com/juliencrn/usehooks-ts.

3. Logt

Îmi place să am jurnalele peste tot, așa că atunci când este nevoie să știu ce se întâmplă, le pot verifica.

Și când codific front-end-ul, vreau și acele jurnale. Dar cu câteva cerințe:

  • Trebuie să fie complet tastat (ca să-l pot folosi în Typescript fără nicio bătaie de cap)
  • Trebuie să fie mic
  • Trebuie să aibă etichete colorate (deci știu rapid tipul de jurnal)
  • Trebuie să aibă niveluri de jurnal
  • Trebuie să aibă o modalitate de a ascunde unele jurnale în funcție de condiții (ca dacă este o versiune de producție sau nu)
  • Trebuie să fie posibil să trimiteți acele jurnale în altă parte (cum ar fi Sentry)

După mult timp petrecut cercetând (și aproape că am început să-mi codific propriul meu unul), am găsit Logt, care îndeplinește toate cerințele mele, plus câteva.

100% recomandat! https://github.com/sidhantpanda/logt

4. Componente încărcabile

Dacă încercați să vă optimizați aplicația React, probabil că utilizați React.lazy și Suspense pentru a încărca leneș componentele.

Asta este bine.

Dar există modalități și mai bune! De exemplu, această bibliotecă. Evident, în acest articol, nu pot da o explicație completă despre motivul pentru care ar trebui să treci de la React.lazy la această bibliotecă, dar nu ezitați să „verificați această postare de la autor”.

Practic, câteva lucruri cheie sunt acceptă SSR (Rădarea pe partea serverului), Diviziunea bibliotecii și chiar importul dinamic complet puternic>. Nu-i rău, nu?

Și cel mai bun lucru. Este cu adevărat ușor de utilizat. Aproape plug-and-play. Deci, încercați! „https://github.com/gregberge/loadable-components”

5. Emoji Mart

Când lucrez la diferite proiecte,am mereu de a face cu emoji-urile. Este ceva folosit peste tot acum. Și, de obicei, trebuie să adaug o componentă de selecție emoji în proiect.

Asta nu este complicat. Dar apoi începeți să primiți mai multe cerințe: trebuie să încărcați leneș emoji-urile, trebuie să suporte internaționalizarea, trebuie să permită căutarea, trebuie să permite utilizarea aceluiași text de interogare ca Slack...

Și asta necesită timp. O pot face. Dar clienții preferă de obicei să mă concentrez pe proiect în sine. Deci... am găsit această mică bibliotecă. Unul frumos și util.

Lasă-mă să-ți arăt, Emoji Mart! „https://github.com/missive/emoji-mart”

Dacă sunteți ca mine, vă place să găsiți astfel de biblioteci mici și utile, ușor de utilizat și perfecte pentru a fi integrate în proiectele dvs. Deci, nu vă faceți griji. Am deja o listă mare gata de împărtășit. Acestea sunt primele 5 din această serie. Asigurați-vă că mă urmați pentru a fi notificat în curând când le voi publica pe următoarele!

Între timp…

🌎 Hai să ne conectăm!

  • „Twitter: @thenaubit”

Mai mult conținut la PlainEnglish.io. Înscrieți-vă pentru buletinul informativ săptămânal gratuit. Urmărește-ne pe Twitter, LinkedIn, YouTube și Discord . Vă interesează Growth Hacking? Consultați Circuit.