7 NPM Packages Every Web Developer Should Know
11-Jun-21
คัมภีร์เทพ IT
See the original english version Click here!
สำหรับ Developer ที่เคยใช้งาน Node.js เชื่อว่าคงจะรู้จัก NPM มาบ้างแล้ว ซึ่งในบทความนี้ จะมาแนะนำ 7 NPM Packages ที่ Web Developer ทุกคนควรรู้จักไว้
1. Dotenv
Dotenv เป็น Module ที่ไม่ต้องอาศัยการพึ่งพาที่ Load Environment Variables จาก .env File เข้าสู่ process.env การจัดเก็บ Configuration ใน Environment ที่แยกจาก Code จะเป็นไปตาม “Twelve-Factor App methodology”
Package นี้มีการ Download ไปใช้งานมากกว่า 16 ล้านครั้งต่อสัปดาห์
นอกจากนี้ยังใช้งานง่ายและรวดเร็ว และนั่นก็เป็นเหตุผลที่หลายคนชอบ
วิธีการติดตั้ง:
วิธีการใช้งาน:
สร้าง .env File ใน Root Directory ของ Project ของคุณ
เพิ่ม Variables ที่เฉพาะเจาะจงสำหรับ Environment ในบรรทัดใหม่ โดยใช้รูปแบบของ NAME=VALUE
ตัวอย่าง:
ตอนนี้ process.env มี Keys และ Values ที่คุณกำหนดไว้ใน .env File ของคุณแล้ว คุณสามารถใช้งานได้ดังนี้:
2. Bcrypt
มันถูก Download ไปใช้มากกว่า 700,000 ครั้งต่อสัปดาห์ Package นี้ได้รับความนิยมจาก Password Hashing Techniques และการใช้งานที่ง่ายขึ้นใน Node JS
วิธีการติดตั้ง:
วิธีการทำงานของมัน:
คุณอาจจะคาดเดาได้ว่า Packages ทั้งสองนี้ ใช้สำหรับการสร้าง ID แบบสุ่ม ที่คาดเดาได้ยากและไม่ซ้ำกัน Package ที่ได้รับความนิยมมากที่สุดคือ UUID Package มันถูก Download ไปใช้มากกว่า 51 ล้านครั้งต่อสัปดาห์ ส่วน CUID Package นั้นไม่ค่อยได้รับความนิยมเท่า UUID โดยมันถูก Download ไปใช้เพียงแค่ 612,187 ครั้งต่อสัปดาห์เท่านั้น แต่มันก็มีข้อดีในเรื่องของความปลอดภัยและการค้นหา Server-Side Record ที่ไม่เหมือนใคร
วิธีการติดตั้ง Packages เหล่านี้:
ตัวอย่างการใช้งาน UUID:
ตัวอย่างการใช้งาน CUID:
4. Axios
มีใครบ้างที่ไม่รู้จัก Axios ซึ่ง Package นี้ได้รับความนิยมอย่างมากโดยเฉพาะใน React Apps มันถูก Download ไปใช้งานมากกว่า 18 ล้านครั้งต่อสัปดาห์ Library นี้เป็น Promise-based HTTP Client สำหรับ Browser และ Node.js
วิธีการติดตั้ง:
วิธีการทำงานของมัน:
5. Socket.io
Socket.io จะช่วยเปิดการใช้งาน Real-Time Communication แบบ 2 ทิศทาง ระหว่าง Web Client และ Servers
วิธีการติดตั้ง:
วิธีการทำงานของมัน:
6. Lodash
Lodash มีประโยชน์มากและช่วยทำให้ชีวิตของ Coder ง่ายขึ้น มันเป็นสิ่งที่คุณต้องใช้เมื่อต้องจัดการกับ String, Array และอื่น ๆ อีกมากมาย
วิธีการติดตั้ง:
วิธีการทำงานของมัน:
ตัวอย่างของ Lodash cloneDeep Function:
อย่างที่คุณเห็น เราไม่จำเป็นต้องสร้าง Utility Function สำหรับ Deep Cloning ซึ่งต้องขอบคุณที่มี Lodash ที่สำคัญคือ มันเป็น Toolbox ที่สำคัญสำหรับ Developers อย่างมาก
7. Moment & date-fns
Moment Package เป็นที่นิยมและถูกใช้เพื่อจัดการกับ Dates แต่ปัจจุบัน Solution นี้ถูกเลิกใช้ไปแล้ว คุณสามารถใช้ date-fns แทน ซึ่ง Package นี้ยังได้รับความนิยมอย่างมากจากการถูก Download ไปใช้ถึง 10 ล้านครั้งต่อสัปดาห์
วิธีการติดตั้ง:
วิธีการทำงานของมัน:
สรุป
เชื่อว่า Packages เหล่านี้มีประโยชน์อย่างมากและแทบจะขาดตัวใดตัวหนึ่งไปไม่ได้เลยสำหรับ Web Developers และคุณสามารถใช้ Yarn แทนการใช้ NPM ได้เช่นกัน
ที่มา: https://javascript.plainenglish.io/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
บทความล่าสุด