0:00
तो सो फार हम लोगों ने देखा किस तरह से हम लोग एक note को add कर सकते हैं और हमारा यह जो add note वाला बटन है वो काम कर रहा ह�
0:06
अभी एक चीज यहाँ पर जो मैं करना चाहूँगा वो यह है कि मैं यहाँ पर जो मेरा submit है इसमें submit ना कहकर इसक�
0:14
मैं add note करूँगा ठीक है तो थोड़ा सा अच्छा लगेगा थोड़ा कहीं ना कहीं लगेगा कि हाँ यार note हमारा add हो रहा है ठीक ह�
0:20
उसी के साथ साथ मैं एक चीज और करूँगा कि यहाँ पर मैं delete note वाले function को इस वीडियो में complete करूँग�
0:27
तो मैं कब delete करूँगा note को मैं delete तब करूँगा note क�
0:32
जब कोई भी इनसान इस पर click करेगा यह जो मेरा delete वाला icon इस पर click करेग�
0:37
तब मैं क्या करूँगा एक note को delete करूँगा तो हम लोग यहाँ पर जल्दी से क्या करते है�
0:41
कि जहाँ पर मेरा यह particular icon है delete वाला यहाँ गया यह वाला आइकन यह रहा मेरा यह डिलीट वाला आइकन मैं इसमें एक ऑन क्लिक लिस्नर आड़ करूंगा और मैं कहूंगा कि जैसे को इस पर क्लिक करें यह नोट डिलीट हो जाए और डेफिनिटली मुझे अपने कॉंटेक्स को लेकर आना पड़ेगा यहाँ प�
1:15
बात यह है कि जो चीज आपको चाहिए अपने कॉन्टेक्स से उसको लेकर आओ और उसको यूज करो तो यहां पर ड�
1:22
स्ट्रॉक्चरिंग करता हूं मैं कॉन्टेक्स मैं से लेकर आता हूं डिलीट नोट ठीक है तो डिलीट नोट को लेक�
1:28
delete trash on click is equal to arrow function arguments delete note delete note particular note ID
1:47
तो इस particular note की ID क्या होगी? note. underscore ID, तो मैं यहाँ पर note. underscore ID लिख दूँगा, ठीक है
1:53
और मैं क्या करूँगा जैसे कोई इंसान डिलीट करेगा note को मैं यहाँ पर जो मेरा context है या नहीं कि note state.js ह�
2:01
इसके अंदर मैं delete note function को finish करता हूँ ठीक ह�
2:05
तो अभी के लिए मैं काम करता हूँ मैं आपर एक console.log लगाता हू�
2:09
और deleting the note with id यहाँ पर लिख देता हूँ और यहाँ पर plus ID में लिख दूंगा ठीक है और अभी यहाँ पर मैं देखता हूं कि क्या इतना काम कर रहा है कि नहीं कर रहा ह�
2:20
यह कह रहा है use context is not defined मैं यहाँ पर import कर रहा हूं use context को ok तो use context is not defined
2:29
यार use context जो है ना automatically import हो जाता है जब हम use context enter लिखते है�
2:33
लेकिन क्योंकि मैंने copy किया वहाँ से इसलिए रोडी सी दिक्कत आई reload करूँगा इसको और देखता हूँ कोई error फेरर तो नहीं आ रहा ह�
2:39
वहाँ पर कहता है use context is defined but never used about.js मे�
2:43
about.js के अंदर से use effect और use context दोनों हटाओ ठीक है क्योंकि use ही नहीं हो रहा है ठीक ह�
2:49
control s करा और यहाँ पर आप लोग देखो अभी reload करूँगा त�
2:52
एकदम clean है हमारा console हाँ एक चीज और मुझे यहाँ पर परिशान कर रही ह�
2:57
कि यह जो मेरा home.js है शायद मैं है होम डोट जीवन ने वाट्ट जीवन नोट रॉक वहां पर एक कंसोल लॉग कर रहा हूं मैं किसी सुबह लॉग कर रहा हू�
3:08
लोकेशन पास ने इनको और मैं यह नहीं चाहता हूं यह पर यह यूज एफेक्ट नहीं चाहता हूं मतलब मुझे नहीं चाहि�
3:14
react router dom package
3:28
nav bar में use effect is defined but not used nav bar में ओके तो अभी use effect use नहीं हो रहा ह�
3:33
लाइन कर दिया तो काफी क्लीन अप करना पड़ता है और कोई दिक्कत नहीं है कि आपको करना पड़ रहा है आप जब अपनी आप्लीकेशन बना रहे हो तो डेफिनेटली क्लीन अप करोगे अब मैं आपको इस डिलीट पर क्लिक करूँगा देखो यह कह रहा है डिलीटिंग �
4:03
जो मेरे notes हैं, मैं उनको change कर दूँगा, ठीक है, और जो मेरे notes होने वाले हैं, मैं उनमें से delete कर दूँगा यह वाला note, note with this id
4:14
तो मैं क्या करूँगा यहाँ पर मैं लिखूँगा new notes is equal to notes.filter और filter क्या लेता है एक arrow function और मैं यहाँ पर लिखूँगा note और मैं कहूँगा कि note.id is not equal to id ठीक है यह चीज यहाँ पर note.underscore id sorry note.underscore id is not equal to id यहाँ पर यह underscore id ह�
4:39
तो अगर note.underscore id नहीं है बराबर id के तब क्या होगा notes के अंदर वो रहेगा वरना नहीं रहेग�
4:45
ठीक है तो मैं यहाँ पर const करूँगा और यहाँ पर new notes set note new notes कर दूँग�
4:52
तो अब मैं expected an assignment of function call instead saw an expression return return node is not equal to id delete first please wake up early delete
5:09
अब यहाँ पर add note करने पर यह error इसलिए आ रहा है क्योंकि नोट जो है वह काम कर रहा है पर एक चीज यहां पर अभी भी मिशिंग है जो कि मेरे आज नोट में भी मिशिंग थी डिली�
5:34
नोट के अंदर भी मिशिंग है और वह एपीआई कॉल कि आप बैक एंड के अंदर भी नोट को डिलीट करें ऐसा नहीं कि आ�
5:39
या frontend frontend में note को delete करके update करने हैं आपको back end में जाकर भी उसको delete करना पड़ेगा ठीक ह�
5:46
तो यह चीज भी आपर करनी है हम लोग को तो add note हो गया, delete note हो गय�
5:50
edit note भी definitely हम लोग देखेंगे कि edit किस तरह से किया जा सकता ह�
5:54
existing note तो edit करने के लिए हमें क्या करना पड़ेगा एक ID चाहिए होगी ठीक है ID के साथ साथ हम लोगों को title और description भी चाहिए होगा और tag भी चाहिए होगा ठीक ह�
6:05
तो हम लोग क्या करेंगे आने वाले वीडियो में देखेंगे किस तरह स�
6:09
एक note को edit किया जा सकता है और उसी के साथ साथ इन future वीडियो हम लो�
6:13
ये network call लगा कर भी add note और delete note को finish करेंग�
6:17
so अमी के लिए इस वीडियो में इतना है गए इस playlist access जरूर कर लेन�
6:21
thank you so much guys for watching this video and I will see you next time
