Agar siz, men kabi, rivojlanish jarayonini yaxshilash uchun NPM katalogida kichik toshlarni topishni yaxshi ko'rsangiz, bugun sizning omadli kuningiz.

Men yangi maqolalar turkumini boshlayapman, u yerda men topgan va har kuni foydalanadigan ba'zikichik va unchalik mashhur bo'lmagan kutubxonalarni namoyish etaman, bu sizni bir nechta bosh og'rig'idan xalos qiladi.

Xo'sh, boshlaymiz!

1. Urlcat

Urlcat - bu kichik Javascript kutubxonasi bo'lib, URL manzillarini yaratishni juda qulay qiladi va keng tarqalgan xatolarning oldini oladi.

Ha, URL manzillaringizni yaratish uchun URL API dan foydalanishingiz mumkin. Ammo shunga qaramay, URL manzilini yaratish o'rniga o'zingiz uchun ba'zi tafsilotlarga e'tibor berishingiz kerak bo'ladi.

Shuning uchun men bu kutubxonani yaxshi ko'raman. Bu shunchaki “plug-and-play”. Murakkab naqshlarni o'rganishingiz shart emas yoki hujjatlarga soatlab vaqt sarflashingiz shart emas.

Shunday qilib, sinab ko'ring: https://github.com/balazsbotond/urlcat.

2. UseHooks-ts

Agar siz React dasturchisi bo'lsangiz, siz ilgaklardan foydalanasiz (Umid qilamanki). Agar shunday bo'lsa,ko'p hollarda juda kichik narsalar uchun maxsus ilgak yaratishga to'g'ri keladi. Masalan, qorong'u rejimni boshqarish uchun. Yoki oyna o'lchamini o'zgartirish hodisasi uchun. Yoki boshqa ko'plab holatlar.

UseHooks - bu barcha kichik holatlar uchun yaxshi kodlangan, yaxshi hujjatlashtirilgan va to'liq terilgan (Typescript foydalanuvchilari uchun) ilgaklari bo'lgan kichik kutubxona, shuning uchun siz loyihaning o'ziga e'tibor qaratasiz.

Buni bu yerda tekshirishingiz mumkin: https://github.com/juliencrn/usehooks-ts.

3. Logt

Men hamma joyda jurnallarga ega bo'lishni yaxshi ko'raman, shuning uchun nima bo'layotganini bilish kerak bo'lganda, men ularni tekshirishim mumkin.

Va men old tomonni kodlaganimda, Men ham o'sha jurnallarni xohlayman. Ammo ba'zi rekvizitlar bilan:

  • U toʻliq terilgan boʻlishi kerak (shunday qilib men uni Typescriptda bosh ogʻrigʻisiz ishlatishim mumkin)
  • Kichkina bo'lishi kerak
  • Unda rangli yorliqlar boʻlishi kerak (shuning uchun jurnal turini tezda bilaman)
  • U jurnal darajalariga ega bo'lishi kerak
  • U shartlarga muvofiq ba'zi jurnallarni yashirish uchun qandaydir usulga ega bo'lishi kerak (masalan, u ishlab chiqarish qurilishi yoki yo'qmi)
  • Bu jurnallarni boshqa joyga yuborish mumkin bo'lishi kerak (Sentry kabi)

Tadqiq qilish uchun ko'p vaqt sarflaganimdan so'ng (va deyarli o'zimni kodlashni boshladim), men Logtni topdim, ubarcha talablarimga javob beradiva yana bir nechta.

100% tavsiya etiladi! https://github.com/sidhantpanda/logt

4. Yuklanadigan komponentlar

Agar siz React ilovangizni optimallashtirishga harakat qilmoqchi bo'lsangiz,siz komponentlarni dangasa yuklash uchun React.lazy va Suspense-dan foydalanayotgan bo'lsangiz kerak.

Bu yaxshi.

Ammo bundan ham yaxshiroq yo'llar bor! Masalan, bu kutubxona. Shubhasiz, ushbu maqolada men nima uchun React.lazy-dan ushbu kutubxonaga o'tishingiz kerakligi haqida to'liq izoh bera olmayman, lekin "muallifning ushbu postini tekshiring".

Asosan, bir nechta asosiy narsalar SSRni qo'llab-quvvatlaydi (Server tomonida ko'rsatish), Kutubxonani ajratishva hattoto'liq dinamik import kuchli>. Yomon emas, a?

Va eng yaxshi narsa. Foydalanish haqiqatan ham oson. Deyarli plagin-va-play. Shunday qilib, sinab ko'ring! https://github.com/gregberge/loadable-components

5. Emoji Mart

Turli loyihalar ustida ishlayotgandamen har doim kulgichlar bilan shug'ullanishimga to'g'ri keladi. Bu hozir hamma joyda ishlatiladigan narsa. Va men odatda loyihaga ba'zi emoji tanlash komponentlarini qo'shishim kerak.

Bu murakkab emas. Ammo keyin siz ko'proq talablarni qabul qila boshlaysiz: u emojilarni dangasa yuklashi kerak, u xalqarolashtirishni qo'llab-quvvatlashi,qidiruvga ruxsat berishi kerak, kerak Slack bilan bir xil soʻrov matnidan foydalanishga ruxsat bering…

Va bu vaqt talab etadi. Men buni qila olaman. Ammo mijozlar odatda loyihaning o'ziga e'tibor berishimni afzal ko'rishadi. Shunday qilib... Men bu kichik kutubxonani topdim. Chiroyli va foydali.

Sizga ko'rsataman, Emoji Mart! https://github.com/missive/emoji-mart

Agar siz men kabi bo'lsangiz,siz bunday kichik va foydali kutubxonalarni topishni yaxshi ko'rasiz, ulardan foydalanish oson va loyihalaringiz bilan integratsiya qilish uchun mukammaldir. Shunday ekan, xavotir olmang. Menda baham ko'rishga tayyor katta ro'yxat bor. Bu seriyaning birinchi 5 tasi. Keyingilarini chop etganimda tez orada xabardor bo'lish uchunmeni kuzatib boring!

Ayni paytda…

🌎 Ulanishga kirishamiz!

  • "Twitter: @thenaubit"

Ko'proq kontent PlainEnglish.io sahifasida. Bizning bepul haftalik axborot byulletenimizga obuna bo'ling. Bizni Twitter, LinkedIn, YouTube va Discordda kuzatib boring . Growth Hacking bilan qiziqasizmi? Sxemani tekshiring.