MERN Stack ਸਿੱਖਣ ਦਾ 51ਵਾਂ ਦਿਨ
ਮੈਂ ਆਪਣੀ MERN stack ਯਾਤਰਾ ਦੇ 51ਵੇਂ ਦਿਨ 'ਤੇ ਪਹੁੰਚ ਗਿਆ ਹਾਂ।
ਕੱਲ੍ਹ, ਮੈਂ ਬੇਸਿਕ ਹੋਸਟ ਸਬਮਿਸ਼ਨ (host submissions) ਨੂੰ ਸੰਭਾਲਣਾ ਸਿੱਖਿਆ। ਅੱਜ, ਮੈਂ ਪ੍ਰੋਡਕਸ਼ਨ ਲੈਵਲ ਦੇ ਡਾਟਾ ਸਿੰਕ੍ਰੋਨਾਈਜ਼ੇਸ਼ਨ (data synchronization) ਵੱਲ ਵਧ ਗਿਆ। ਮੈਂ ID-ਅਧਾਰਤ ਅੱਪਡੇਟਸ ਅਤੇ ਰਿਸੋਰਸ ਡਿਲੀਸ਼ਨ (resource deletion) 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕੀਤਾ।
ਵੱਡੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਸਿਰਫ਼ ਡਾਟਾ ਜੋੜਨਾ ਹੀ ਕਾਫ਼ੀ ਨਹੀਂ ਹੁੰਦਾ। ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਐਡਿਟ ਜਾਂ ਡਿਲੀਟ ਕਰਨ ਲਈ ਖਾਸ ਰਿਕਾਰਡਾਂ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਣਾ ਪੈਂਦਾ ਹੈ। ਅੱਜ ਮੈਂ ਆਪਣੇ ਕੰਟਰੋਲਰ ਲੇਅਰਾਂ (controller layers) ਵਿੱਚ ਇਹ ਲੌਜਿਕ ਬਣਾਇਆ।
ਮੇਰਾ ਕੰਮ ਦੋ ਮੁੱਖ ਕੰਮਾਂ 'ਤੇ ਕੇਂਦਰਿਤ ਸੀ:
- URL ਪੈਰਾਮੀਟਰਾਂ ਤੋਂ ਆਈਡੈਂਟੀਫਾਇਰ (identifiers) ਕੱਢਣਾ।
- ਇੰਟਰਫੇਸ ਮੋਡਸ ਨੂੰ ਕੰਟਰੋਲ ਕਰਨ ਲਈ ਕੁਐਰੀ ਵੇਰੀਏਬਲਜ਼ (query variables) ਦੀ ਵਰਤੋਂ ਕਰਨਾ।
ਮੈਂ ਆਪਣੇ ਕੰਟਰੋਲਰ ਦੇ ਅੰਦਰ ਇੱਕ ਐਡਿਟ ਲੁੱਕਅੱਪ (edit lookup) ਬਣਾਇਆ। ਮੈਂ ਸਹੀ ਆਈਟਮ ਲੱਭਣ ਲਈ req.params.homeId ਦੀ ਵਰਤੋਂ ਕੀਤੀ। ਮੈਂ ਇਹ ਚੈੱਕ ਕਰਨ ਲਈ ਵੀ req.query.editing ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਕਿ ਕੀ ਯੂਜ਼ਰ ਨੂੰ ਐਡਿਟ ਮੋਡ ਦੇਖਣ ਦੀ ਲੋੜ ਹੈ।
ਮੇਰੇ ਵਰਕਸਪੇਸ ਤੋਂ ਕੋਡ ਉਦਾਹਰਨ:
const homeId = req.params.homeId; const editing = req.query.editing === 'true';
ਇਹ ਪ੍ਰਕਿਰਿਆ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਬੈਕਐਂਡ (backend) ਨੂੰ ਪਤਾ ਹੋਵੇ ਕਿ ਕਿਹੜੇ ਰਿਕਾਰਡ ਨੂੰ ਬਦਲਣਾ ਹੈ। ਇਹ ਫਰੰਟਐਂਡ (frontend) ਨੂੰ ਇਹ ਵੀ ਦੱਸਦਾ ਹੈ ਕਿ ਡਾਟਾ ਕਿਵੇਂ ਦਿਖਾਉਣਾ ਹੈ।
ਸਰੋਤ: https://dev.to/ali_hamza_589ec7b3eb6688d/day-51-of-learning-mern-stack-22cn