ETHIO Code&Soft Select🫧💻:
╔════════════════════════════════════════════╗
🌟 ETHIOCODE • PHASE 3 • L06 🌟✨📅
╚════════════════════════════════════════════╝
📋 DAY.JS 📋
በ React / JavaScript ውስጥ Date እና Timeን በቀላሉ፣ በፍጥነት እና በሚያምር መንገድ ለማስተዳደር ምርጡ መሣሪያ!
ወገኖች ሰላም ጤና ይስጥልኝ ተመልሰናል 😎⏰
እስካሁን Moment.js በመጠቀም 230KB+ bundle size እያከበዳችሁ ነበር?
Mutable side-effects፣ tree-shaking ችግር፣ ወይስ ከ 2020 ጀምሮ deprecated ሆኖ የቀረ library?
Parse፣ Format፣ Add/Subtract፣ Relative Time፣ Timezone... ሁሉንም በእጅ ለማስተካከል ስንት ሰዓት አሳልፋችኋል? 😩
🛑 አቁሙ! አሁን ሁሉም ነገር ቀላል ሆኗል!
══════════════════════════════════════════════
✨ መፍትሄው = Day.js
በቃ! dayjs()ን ብቻ በመጠቀም ሁሉንም Date & Time ስራዎች በቀላሉ መቆጣጠር ትችላላችሁ!
╔════════════════════════════════════════════╗
import dayjs from "dayjs";
╚════════════════════════════════════════════╝
ይህ 2KB ብቻ የሆነ፣ immutable፣ እና Moment.jsን የተካ አዲስና ፈጣን library ነው!
🚀 ዋና ዋና ጥቅሞቹ፦
⚡ እጅግ ቀላልና ፈጣን፦ 2KB ብቻ — Moment.js ከ 100× በላይ ቀላል!
🔒 Immutable፦ ዋናው date አይቀየርም፣ pure functions ይጠቀማል
🎭 ተመሳሳይ API፦ Moment.js የምታውቁትን በቀላሉ ትተካላችሁ
🚪 Plugins፦ relativeTime፣ timezone፣ duration፣ isBetween... ያስፈልጋችሁን ብቻ ጨምሩ
👆 Live Clock + Date Calculator + Relative Time Playground
🔄 Parse · Format · Manipulate · Compare · Diff — ሁሉም በአንድ ቦታ
══════════════════════════════════════════════
🎯 በዚህ ትምህርት ምን ታገኛላችሁ?
• Day.js ምንድን ነው? ለምን Moment.js አንጠቀምም?
• ዋናዎቹን APIዎች (parse, format, add/subtract, startOf/endOf, diff) በቀጥታ በተግባር ማየት
• Live Clock Demo + Interactive Date Calculator
• Plugins (relativeTime, timezone, duration, isBetween...)
• Relative Time “2 hours ago / in 3 days” Live Demo
• ሙሉ ምሳሌዎች + Quiz 🎮
🔥 ትምህርቱን አሁኑኑ በነፃ ጀምሩ! Interactive Playground እና Calculator አብሮት አለው፦
🔗 https://ethiocodesoftselectp3l6.netlify.app
📱 በስልክ ከገባችሁ "Desktop Site" ማብራት እንዳትረሱ!
══════════════════════════════════════════════
◀️👈 PREV: Framer Motion P3·L05 | ▶️➡️ NEXT: Coming Soon!
@EthioCodeSoftSelect
&
ይህንን በመማር Date & Time ስራዎቻችሁን ይበልጥ ቀላል፣ ፈጣን እና ፕሮፌሽናል ማድረግ ትችላላችሁ! 💪⏰
ለጓደኛችሁ developer share ማድረጋችሁን እንዳትረሱ! 🚀✨ 𝑞𝑒𝑛𝑡𝑖𝑣
╔════════════════════════════════════════════╗
🌟 ETHIOCODE • PHASE 3 • L06 🌟✨📅
╚════════════════════════════════════════════╝
📋 DAY.JS 📋
በ React / JavaScript ውስጥ Date እና Timeን በቀላሉ፣ በፍጥነት እና በሚያምር መንገድ ለማስተዳደር ምርጡ መሣሪያ!
ወገኖች ሰላም ጤና ይስጥልኝ ተመልሰናል 😎⏰
እስካሁን Moment.js በመጠቀም 230KB+ bundle size እያከበዳችሁ ነበር?
Mutable side-effects፣ tree-shaking ችግር፣ ወይስ ከ 2020 ጀምሮ deprecated ሆኖ የቀረ library?
Parse፣ Format፣ Add/Subtract፣ Relative Time፣ Timezone... ሁሉንም በእጅ ለማስተካከል ስንት ሰዓት አሳልፋችኋል? 😩
🛑 አቁሙ! አሁን ሁሉም ነገር ቀላል ሆኗል!
══════════════════════════════════════════════
✨ መፍትሄው = Day.js
በቃ! dayjs()ን ብቻ በመጠቀም ሁሉንም Date & Time ስራዎች በቀላሉ መቆጣጠር ትችላላችሁ!
╔════════════════════════════════════════════╗
import dayjs from "dayjs";
╚════════════════════════════════════════════╝
ይህ 2KB ብቻ የሆነ፣ immutable፣ እና Moment.jsን የተካ አዲስና ፈጣን library ነው!
🚀 ዋና ዋና ጥቅሞቹ፦
⚡ እጅግ ቀላልና ፈጣን፦ 2KB ብቻ — Moment.js ከ 100× በላይ ቀላል!
🔒 Immutable፦ ዋናው date አይቀየርም፣ pure functions ይጠቀማል
🎭 ተመሳሳይ API፦ Moment.js የምታውቁትን በቀላሉ ትተካላችሁ
🚪 Plugins፦ relativeTime፣ timezone፣ duration፣ isBetween... ያስፈልጋችሁን ብቻ ጨምሩ
👆 Live Clock + Date Calculator + Relative Time Playground
🔄 Parse · Format · Manipulate · Compare · Diff — ሁሉም በአንድ ቦታ
══════════════════════════════════════════════
🎯 በዚህ ትምህርት ምን ታገኛላችሁ?
• Day.js ምንድን ነው? ለምን Moment.js አንጠቀምም?
• ዋናዎቹን APIዎች (parse, format, add/subtract, startOf/endOf, diff) በቀጥታ በተግባር ማየት
• Live Clock Demo + Interactive Date Calculator
• Plugins (relativeTime, timezone, duration, isBetween...)
• Relative Time “2 hours ago / in 3 days” Live Demo
• ሙሉ ምሳሌዎች + Quiz 🎮
🔥 ትምህርቱን አሁኑኑ በነፃ ጀምሩ! Interactive Playground እና Calculator አብሮት አለው፦
🔗 https://ethiocodesoftselectp3l6.netlify.app
📱 በስልክ ከገባችሁ "Desktop Site" ማብራት እንዳትረሱ!
══════════════════════════════════════════════
◀️👈 PREV: Framer Motion P3·L05 | ▶️➡️ NEXT: Coming Soon!
@EthioCodeSoftSelect
&
ይህንን በመማር Date & Time ስራዎቻችሁን ይበልጥ ቀላል፣ ፈጣን እና ፕሮፌሽናል ማድረግ ትችላላችሁ! 💪⏰
ለጓደኛችሁ developer share ማድረጋችሁን እንዳትረሱ! 🚀✨ 𝑞𝑒𝑛𝑡𝑖𝑣