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 ล้านครั้งต่อสัปดาห์ 

Dotenv package

นอกจากนี้ยังใช้งานง่ายและรวดเร็ว และนั่นก็เป็นเหตุผลที่หลายคนชอบ

วิธีการติดตั้ง:

วิธีการใช้งาน:

สร้าง .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

Bcrypt package

วิธีการติดตั้ง:

 

วิธีการทำงานของมัน:

3. UUID & CUID

คุณอาจจะคาดเดาได้ว่า Packages ทั้งสองนี้ ใช้สำหรับการสร้าง ID แบบสุ่ม ที่คาดเดาได้ยากและไม่ซ้ำกัน Package ที่ได้รับความนิยมมากที่สุดคือ UUID Package มันถูก Download ไปใช้มากกว่า 51 ล้านครั้งต่อสัปดาห์ ส่วน CUID Package นั้นไม่ค่อยได้รับความนิยมเท่า UUID โดยมันถูก Download ไปใช้เพียงแค่ 612,187 ครั้งต่อสัปดาห์เท่านั้น แต่มันก็มีข้อดีในเรื่องของความปลอดภัยและการค้นหา Server-Side Record ที่ไม่เหมือนใคร

UUID package

CUID package

วิธีการติดตั้ง Packages เหล่านี้:

ตัวอย่างการใช้งาน UUID:

ตัวอย่างการใช้งาน CUID:

4. Axios

มีใครบ้างที่ไม่รู้จัก Axios ซึ่ง Package นี้ได้รับความนิยมอย่างมากโดยเฉพาะใน React Apps มันถูก Download ไปใช้งานมากกว่า 18 ล้านครั้งต่อสัปดาห์ Library นี้เป็น Promise-based HTTP Client สำหรับ Browser และ Node.js

 

Axios package

วิธีการติดตั้ง:

วิธีการทำงานของมัน:

5. Socket.io

Socket.io จะช่วยเปิดการใช้งาน Real-Time Communication แบบ 2 ทิศทาง ระหว่าง Web Client และ Servers

Socket.io package

วิธีการติดตั้ง:

วิธีการทำงานของมัน:

6. Lodash

Lodash มีประโยชน์มากและช่วยทำให้ชีวิตของ Coder ง่ายขึ้น มันเป็นสิ่งที่คุณต้องใช้เมื่อต้องจัดการกับ String, Array และอื่น ๆ อีกมากมาย

Lodash package

วิธีการติดตั้ง:

วิธีการทำงานของมัน:

ตัวอย่างของ Lodash cloneDeep Function:

อย่างที่คุณเห็น เราไม่จำเป็นต้องสร้าง Utility Function สำหรับ Deep Cloning ซึ่งต้องขอบคุณที่มี Lodash ที่สำคัญคือ มันเป็น Toolbox ที่สำคัญสำหรับ Developers อย่างมาก

​7. Moment & date-fns

Moment Package เป็นที่นิยมและถูกใช้เพื่อจัดการกับ Dates แต่ปัจจุบัน Solution นี้ถูกเลิกใช้ไปแล้ว คุณสามารถใช้ date-fns แทน ซึ่ง Package นี้ยังได้รับความนิยมอย่างมากจากการถูก Download ไปใช้ถึง 10 ล้านครั้งต่อสัปดาห์

Date-fns package

วิธีการติดตั้ง:

วิธีการทำงานของมัน:

สรุป

เชื่อว่า Packages เหล่านี้มีประโยชน์อย่างมากและแทบจะขาดตัวใดตัวหนึ่งไปไม่ได้เลยสำหรับ Web Developers และคุณสามารถใช้ Yarn แทนการใช้ NPM ได้เช่นกัน

ที่มา:  https://javascript.plainenglish.io/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด