Up next in 10
Endpoint for deleting a Note _ Complete React Course in Hindi #54
339 views
Feb 11, 2024
In the 54th episode of the "Complete React Course in Hindi," the tutorial focuses on the creation of an endpoint for deleting a note in the iNotebook project. This video provides a comprehensive guide on implementing the backend functionality required to handle delete requests, enabling users to remove specific notes from the system. The instructor walks viewers through the steps involved in setting up the delete endpoint, showcasing effective techniques for managing data deletion securely. Whether you're a React developer looking to expand your knowledge of CRUD operations or a learner interested in building comprehensive features for a full-stack application, this tutorial offers valuable insights into creating an endpoint for deleting notes in the iNotebook project.
View Video Transcript
0:00
तो गेस आया हॉप कि आप लोग इस कोर्स को अभी तक बहुत ज़्यादा इंजॉय कर रहे है�
0:02
कुछ लोग ऐसे भी हैं जो लोग मुझे बोल रहे हैं कि यार ऐसे कर लो ऐसे कर लो ये कर लो वो कर ल�
0:07
इन पैर मैं आप लोगों को reality बताऊं तो मैंने ये जो course है वो आप लोगों के feedback के हिसाब से during the course मैंने बहुत सारे changes किये हैं आप मेंसे कई लोगों ने बोला बहुत अच्छी majority ने बोला कि यार हमको express के तुरू APIs बनाना सिखाओ जो कि यार वो react सीखने के लिए बहुत साथ important ह�
0:37
आप लोग मुझे comment करके जरूर बताया, होता क्या है ना कि कुछ लोग जिनको problem होती है वो comment करके बताते हैं
0:42
बट जो लोग पुरी तरह से संतुष्ट हैं, वो comment नहीं करते हैं, तो मेरी एक request है आप लोगों के लिए
0:46
अगर आप लोगों को एक course अच्छा लग रहा है तो first video में जाकर आप first video में जाकर सबके साब एक comment जरूर छोड़े�
0:52
कि अभी तक ये course कैसा गया क्योंकि अगर आप इस video को देख रहे हैं तो there is a good chance कि आपन�
0:56
good amount of course देखा हुआ है और आपको पता है कि इस course में क्या चल रहा है तो यार पहल�
1:00
वीडियो में जाकर आप एक review डाल सकते हो और बता सकते हो आप review dash करके लिख सकते ह�
1:04
और बता सकते हो कैसा चल रहा है course अपना honest review आप लोग दे दो उससे क्या होगा कि उन लोगो�
1:08
को help मिलेगी जो लोग नया join करना चाते हैं तरह से दिख रही है, मैंने आप लोगों के सामने दोनों folder खोल दिये हैं, notebook, i notebook folder, i notebook एक collection है, उसके अंदर authentication and notes folder है, अगर आपकी application बड़ी है, तो उसमें बहुत सारे और भी विभिन प्रकार के folder होंगे, ठीक है, बट यहाँ पर क्या है, कि सिर्फ authentication और notes है, जो कि यह चोटी स�
1:58
फैच ऑल नोट्स, आड नोट, अपडेट नोट, और अब हम बनाने वाले हैं डिलीट नोट, तो मैं निउ रिक्वेस्ट करके यहाँ पर डिलीट नोट पर कुछ इस तरह से एक रिक्वेस्ट बनाऊंगा
2:07
अब देखो जो हमारी update note वाली request है बहुत ही similar होगी हमारी delete note वाली request भ�
2:14
update note से similar होगी बहुत जादा बस difference ही होगा कि एक तो endpoint का नाम मैं change करूँग�
2:19
delete note करूँगा ठीक है method change delete headers raw click copy
2:52
करूंगा कि रॉ पर क्लिक करके कॉपी प्लेस करके ले जा सकते हैं इधर से उधर ठीक है तो आई हॉट कि यहां पर हमन�
2:58
सारे काम टिक-टिक कर दिए हैं ऑब्यॉसली बॉडी को भी मैं यहां से कॉपी करके लाना चाहूंगा तो मैं बॉडी पर जाऊंग�
3:05
नोट की बॉडी पर नहीं जाऊंगा मैं जाऊंगा हमारे अपडेट नोट की बॉडी में कि अपडेट और डिलीट काफी सिमिलारिट�
3:12
रखते हैं दूसरे से तो यहां पर अपडेट में तो सब कुछ हमने दिया था टाइटल वगैरा लेकिन यहां पर मुझे मुझ�
3:18
पर मुझे बॉडी देने की जरूरत है क्योंकि मैं र shelter नोट को रहा हूं तो मैं कुछ इनफॉर्मेशन क्यो�
3:23
ही लूंगा इस एंड पॉइंट को सेव करूंगा अभी इसको सेंड करूंगा अगर तो ऑफिसली फोन और फोन मिलेगा क�
3:29
ने बनाए नहीं है इन पॉइंट ठीक है तो मैं क्या करूंगा यहां पर राट नंबर फोर को एक्साट राप्ली का बनाऊंग�
3:36
राट नंबर थी का ठीक है और मैं यहां पर फॉर में डॉक्यूमेंट कर देता हूं यह राट नंबर फोर करूंगा मैं ज�
3:42
जूम इन कर देता हूं और जूम इन करने के बाद बहुत सारे लोग फोन में देखते हैं तो आपकी आप लोगों दिक्कत नही�
3:47
लिए वर्ड इट्स रिकमेंड रिट किया थोड़ी बड़ी स्क्रीन में देख लो अब डेट एन एक्सिस्टिंग नोट यूजिंग पोस्�
3:54
यूजिंग पूट ठीक है यूजिंग डिलीट सॉरी और यहां पर पूट होगा यहां पर पूट होगा यह भी चीज करूंगा यहां प�
4:01
होगा, ठीक है, route number 4, delete an existing, ठीक है, an existing note using
4:09
delete, API slash note slash update note नहीं, delete note, and obviously login required, ठीक है
4:15
तो यह हम करेंगे, और यहाँ पर भी मैं delete note कर दूँगा, ठीक है, और ID दूँगा, और यहाँ पर ज�
4:20
request होगी, वो हमारी कौन सी होगी, delete request होगी, ठीक है, तो बहु�
4:24
simple सी कहा नहीं है यहाँ पर, ठीक है, अब मुझे यहाँ पर एक new note object बनाने की कोई जरूर�
4:29
नहीं है, ठीक है, कोई भी जरूरत नहीं है, बस मुझे यहाँ पर जो काम करना है, वो य�
4:32
करना है, कि मुझे verify करना है, कि जो इंसान इसको delete कर रहा है, क्या य�
4:38
नोट उसी का है एक बार फिर से बोलूं तो जो इंसान डिलीट कर रहा है क्या ये नोट उसी का है अब यहाँ पर मैंने क्या किया थ�
4:44
find the note to be updated and updated in fact find the note to be updated and deleted not found
5:01
ठीक है उसके बाद मैं क्या करूँगा कि allow deletion only if
5:09
user owns this note ठीक है यह चीज यहाँ पर आप लोग को देखनी ह�
5:15
अगर note.user.to string is not equal to request.user.id यह नहीं कि यह वही user नहीं है जो कि author indicated ह�
5:21
मत करना allow ठीक है मत करना allow इसको delete करने के लिए note
5:25
ठीक है तो यह चीज हमने देख ली अब हम क्या करेंगे note
5:29
is equal to जहाँ पर मैंने यह किया था find by id and update मैं क्या करूँग�
5:33
मैं यहाँ पर लिखूँगा note. find by id and delete ठीक है यह क्या करेग�
5:38
creates a find by id and delete query by filtering by given id और यह delete कर देग�
5:43
है मेरे नोट को ठीक है तो मैं यह काम करूंगा सेव करूंगा और उसके बाद मैं यह रिटर्न नहीं करूंगा मैं आ�
5:49
रिपेसिडेंट करूंगा कि सक्सेस नोट हैस बीन डिलीटेड अ ठीक है और मैं यहां पर आईडी भी दे सकते हैं नोट विद इस आईडी हैस बन डिलीटेड ठीक है तो और आप चाहे तो यहां प�
6:03
� Fort भी दे सकते हो नोट ठीक है यह भी दे सकते हो और यह करने के बाद मेरा एंड पॉइंट काम करना चाहिए डिली�
6:10
वाला तो यह मैं delete कर रहा हूँ, ठीक है, करूँ send, करता हूँ send, और यहाँ पर देखो note has been deleted, तो new note updated 23 delete हो चुका है, ठीक है, अब मैं इसको refresh करूँगा यहाँ पर देखो यह चला गया, अब अगर मैं यहाँ पर send करूँगा तो यह देखो not found दे रहा है मुझे, 4 not 4 not found, तो य�
6:40
अब एक काम करते हैं एक और note delete करके देखते हैं और उसके बाद we are good to go
6:44
ठीक है यह copy किया मैंने यह वाला note मैं delete कर रहा हूँ please wake up early वाला ठीक ह�
6:49
please wake up early वाला delete कर रहा हूँ note और इसकी id यहाँ पर मैं डालूँग�
6:55
send करूँगा note has been deleted please wake up early वाला personal note डिलीट हो चुका ह�
7:00
refresh करूंगा, और मैंने इस तरह के बहुत सारे notes डाले द�
7:03
तो मैं क्या करूँगा इसको copy करके दुबारा से delete करूँगा and obviously मैं इस end point को ऐसे use करूँगा नही�
7:09
मैं अपनी react app से use करूँगा इसको तो प्लीज wake up early वाले कुछ 5-6 है�
7:14
1-4 of 4 है 1-3 of 3 रह गए देखो please access the playlist note delete you got the point deletion try catchment close
7:28
कि अगर हमारा डाटा पेस डाउन है या कुछ भी ऐसा काम हो जाता है तो हम कम से कम यह बता दें कि इंटरनल सर्वर रेडर हो गया है ठीक ह�
7:35
तो यह सारे के सारी चीज़े भी आप लोग आड़ कर सकते हो इन फाक्ट मैं कर ही देता हूँ ठीक ह�
7:39
जो कि अभी तक मैं करता ही आ रहा हूँ तो अभी भी कर ही देता हूँ ठीक ह�
7:43
तो ये catch वाला block में डाल दूँगा, अभी के लिए मैं यहाँ पर इस पूरे को try के अंदर डालूँगा, ये चीज तो fail करेगी नहीं, यहाँ से डालता हूँ, try, catch के अंदर, इस सब चीज को, catch भी मैं डाल दूँगा, ये सब मैं पहले try के अंदर डालता हूँ, ठीक है, और, �
8:13
देखने के लिए और इसको पेस करूंगा अ है ठीक है राइट लिख फॉरमेट डॉक्यूमेंट और यह फालतु के स्पेसेस हटाएंगे ठीक है तो अब यह होगा क�
8:25
मॉंगो डीवी डाउन भी है तब भी मुझे मतलब ऐसा नहीं होगा कि कुछ अनेक्सपेक्टिड चीज देखने को मिल जा�
8:31
मुझे सर्वर एरर पता चल जाएगा इंटरनल सर्वर एरर और पांसो सोड पांसो सोर्स को नहीं रिस्पॉंस कोड मुझ�
8:36
प्लेट जाएगा ठीक है एक टीडी पी रिस्पॉंस को तो यह चीज मैंने आप कर दिया ठीक है और हमारी प्याप्त तैया�
8:41
हो चुकी है ठीक है हां ऐसा नहीं है कि हम बापस नहीं आएंगे वहां यह चीज में हटा हूंगा यहां से यह ची�
8:46
चाहिए में रिक्वेस्ट बॉडी में चीज है ही नहीं डिलीट के लिए सिर्फ आईडी चाहिए मुझे मुझे मिल रही है ठीक है अ�
8:51
ऐसा नहीं है कि मैं इस पर कभी वापस आने वाला नहीं हो वो सकता है कोई एंड पॉइंट भूल गए हो सकता है हम कु�
8:56
फैक्टरिंग करें तो अभी जो हमारा first draft है वो prepare हो चुका है और कोई भी code final कभी नहीं होता है हम आएंगे इस पर हमारा जो API है वो बन चुकी है तो वो लोग जो की इंतिजार कर रहे थे react को वापस आने का मतलब कि हम client side code करेंगे अब उनके लिए बहुत अच्छी कबर है अ�
9:26
लेना अभी के लिए इस वीडियो में इतने हैं guys thank you so much guys for watching this video
9:30
and I will see you next time