MERN Stack શીખવાનો ૪૮મો દિવસ

હું મારી ફૂલ-સ્ટેક એન્જિનિયરિંગ સફરના ૪૮મા દિવસે છું.

ગઈકાલે, મેં મારા કોડને MVC આર્કિટેક્ચર પર સ્થાનાંતરિત કર્યો. આજે, મેં JavaScript Classes અને Object-Oriented Programming નો ઉપયોગ કરીને મારા મોડેલ લેયરને સુધાર્યું.

મેં લૂઝ ઓબ્જેક્ટ ડેફિનેશનનો ઉપયોગ કરવાનું બંધ કર્યું. તેના બદલે, મેં ફાઇલ ઓપરેશન્સ અને ડેટા સ્ટોરેજનું સંચાલન કરવા માટે ફરીથી ઉપયોગ કરી શકાય તેવી (reusable) ક્લાસીસ બનાવી. આ ફેરફાર સાદા સ્ક્રિપ્ટ્સને સ્કેલેબલ એન્જિનમાં ફેરવે છે.

અહીં મેં home.js માં મારા કોડનું માળખું કેવી રીતે તૈયાર કર્યું છે તે છે:

  • The Constructor: હું એક સ્ટાન્ડર્ડ ડેટા મોલ્ડ બનાવવા માટે ES6 class framework નો ઉપયોગ કરું છું. હવે દરેક હાઉસ એન્ટ્રીમાં નામ, કિંમત, લોકેશન, રેટિંગ અને ફોટો URL શામેલ છે. આ સર્વર પર ડેટાની સુસંગતતા સુનિશ્ચિત કરે છે.

  • The Save Method: મેં .save() મેથડ બનાવી છે. આ મેથડ અસ્તિત્વમાં રહેલા ડેટાને અસિંક્રોનસલી (asynchronously) વાંચે છે. ત્યારબાદ તે homesdata.json ફાઇલને અપડેટ કરવા માટે fs.writeFile() નો ઉપયોગ કરે છે. આ ગ્લોબલ એરેઝને કંટ્રોલ્ડ સ્ટોરેજ પ્રોસેસ સાથે બદલે છે.

  • Static Methods: મેં ડેટા મેળવવા માટે static methods અમલમાં મૂક્યા છે. હું ડિસ્કમાંથી રેકોર્ડ્સ મેળવવા માટે static fetchAll() નો ઉપયોગ કરું છું. આ કંટ્રોલર્સને પહેલા નવો ક્લાસ ઇન્સ્ટન્સ બનાવ્યા વગર ડેટા એક્સેસ કરવાની મંજૂરી આપે છે.

ક્લાસીસનો ઉપયોગ કરવાથી મારો કોડ વધુ સ્વચ્છ અને સ્કેલ કરવામાં સરળ બને છે.

સ્ત્રોત: https://dev.to/ali_hamza_589ec7b3eb6688d/day-48-of-leaning-mern-stack-123n