MERN Stack ਸਿੱਖਣ ਦਾ 48ਵਾਂ ਦਿਨ
ਮੈਂ ਆਪਣੀ ਫੁੱਲ-ਸਟੈਕ ਇੰਜੀਨੀਅਰਿੰਗ ਯਾਤਰਾ ਦੇ 48ਵੇਂ ਦਿਨ 'ਤੇ ਹਾਂ।
ਕੱਲ੍ਹ, ਮੈਂ ਆਪਣੇ ਕੋਡ ਨੂੰ MVC architecture ਵਿੱਚ ਬਦਲ ਦਿੱਤਾ। ਅੱਜ, ਮੈਂ JavaScript Classes ਅਤੇ Object-Oriented Programming ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੇ model layer ਨੂੰ ਬਿਹਤਰ ਬਣਾਇਆ।
ਮੈਂ loose object definitions ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਬੰਦ ਕਰ ਦਿੱਤਾ ਹੈ। ਇਸ ਦੀ ਬਜਾਏ, ਮੈਂ ਫਾਈਲ ਆਪਰੇਸ਼ਨਾਂ ਅਤੇ ਡੇਟਾ ਸਟੋਰੇਜ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ reusable classes ਬਣਾਈਆਂ ਹਨ। ਇਹ ਤਬਦੀਲੀ ਸਾਧਾਰਨ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ scalable engines ਵਿੱਚ ਬਦਲ ਦਿੰਦੀ ਹੈ।
ਇੱਥੇ ਦਿੱਤਾ ਗਿਆ ਹੈ ਕਿ ਮੈਂ home.js ਵਿੱਚ ਆਪਣੇ ਕੋਡ ਨੂੰ ਕਿਵੇਂ ਸਟ੍ਰਕਚਰ ਕੀਤਾ:
The Constructor: ਮੈਂ ਇੱਕ standard data mold ਬਣਾਉਣ ਲਈ ES6 class framework ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ। ਹੁਣ ਹਰ house entry ਵਿੱਚ ਨਾਮ, ਕੀਮਤ, ਲੋਕੇਸ਼ਨ, ਰੇਟਿੰਗ ਅਤੇ photo URL ਸ਼ਾਮਲ ਹੈ। ਇਹ ਸਰਵਰ ਵਿੱਚ data consistency ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ।
The Save Method: ਮੈਂ ਇੱਕ .save() method ਬਣਾਇਆ ਹੈ। ਇਹ method ਮੌਜੂਦਾ ਡੇਟਾ ਨੂੰ asynchronously ਪੜ੍ਹਦਾ ਹੈ। ਫਿਰ ਇਹ homesdata.json ਫਾਈਲ ਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਲਈ fs.writeFile() ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹ global arrays ਦੀ ਜਗ੍ਹਾ ਇੱਕ controlled storage process ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ।
Static Methods: ਮੈਂ ਡੇਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ static methods ਲਾਗੂ ਕੀਤੇ ਹਨ। ਮੈਂ ਡਿਸਕ ਤੋਂ ਰਿਕਾਰਡ ਕੱਢਣ ਲਈ static fetchAll() ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ। ਇਹ controllers ਨੂੰ ਪਹਿਲਾਂ ਇੱਕ ਨਵਾਂ class instance ਬਣਾਏ ਬਿਨਾਂ ਡੇਟਾ ਤੱਕ ਪਹੁੰਚ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।
Classes ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਮੇਰਾ ਕੋਡ ਵਧੇਰੇ ਸਾਫ਼ ਅਤੇ scale ਕਰਨ ਵਿੱਚ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ।
Source: https://dev.to/ali_hamza_589ec7b3eb6688d/day-48-of-leaning-mern-stack-123n