Up next in 10
Fixing few more Textutils Issues _ Complete React Course in Hindi #21
3 views
Feb 10, 2024
The video "Fixing few more Textutils Issues _ Complete React Course in Hindi #21" likely addresses additional issues or bugs present in the Textutils React application, following the previous troubleshooting session. In this tutorial, viewers can expect the instructor to identify and resolve remaining issues to ensure the smooth functionality of the application. Through step-by-step instructions and practical demonstrations provided in Hindi, viewers can learn effective debugging techniques and best practices for resolving issues in React projects. This video aims to help Hindi-speaking audiences gain proficiency in problem-solving and improve their React development skills.
View Video Transcript
0:00
तो guys, recently मैंने सारे changes गिट पर push कर दिया हैं
0:02
लेकिन एक दो चीज़ें अभी भी हैं, जो कि मुझे fix कर दिया हैं, तो सबसे पहले तो मैं क्या करूँगा, मैं गिट अब पर जाके
0:06
टेक्स रूटल्स रियाक्ट वाली जो application है, इसमें हमने इसको finalize कर दिया था
0:10
वीडियो नमर 19 में, बट मैंने exercise 2 के चलते थोड़ा बहुत change किया था
0:15
तो वीडियो 9 completed वाला जो commit है हमारा, यह वाला commit जो है हमारा
0:19
वीडियो 19 completed वाला, इसको मैं यहाँ पर क्या करूँगा, वापस से इसकी files जो है, वो यहाँ पर लेकर आऊँगा
0:26
अभी recently मैंने एक और commit push किया है video 20 completed वाला जिसमें कि video 20
0:31
उन्हें complete कर लिया लेकिन मैं इसको वापस से video 19 वाली files में change करूँग�
0:35
तो video 19 में जो हमारी src वाली file थी तो मैं क्या करूँगा यहाँ पर आपको एक चीज और सिखाता हू�
0:41
आपको नहीं आती तो जैसे मालू आपको वीडियो 19 तक का कोड चाहिए ठीक है वीडियो 19 तक का कोड किसी को भी चाहिए तो वो क्या करेगा यहां 13 कमेट्स पर क्लिक करेगा वीडियो 19 का देखो यहां पर आप क्लिक करोगे तो ब्राॉज रिपॉजिटरी आट जस पॉइं�
1:11
यहाँ पर जो मेरा app.js है उससे replace कर दूँगा तो मैं basically कर गया रहा हू�
1:15
मैं इसको revert कर रहा हूँ वापस से मैं video number 19 वाल�
1:19
जो app.js है उसमें revert कर रहा हूँ और यही काम मैं app.js के साथ भी करने वाला हू�
1:23
तो मैं इसको copy करूँगा यहाँ तक to the very end औ�
1:27
यहाँ पर मैं इसको पेस कर दूंगा ठीक है सेव करूंगा अब एनपीएम रन स्टार्ट जल्दी से कर देता हूं एनपीएम रन स्टार्ट और उतनी दिर में मैं आपको याद दिलाना चाहूंगा अगर आपने रिपोजिटरी रिपोजिटरी नहीं है प्लेलिस्ट एक्सेस �
1:57
और मैं लिखूंगा है तो देखो तीन words होने के बाद भी यहाँ पर दिखा रहा है मुझे one word 13 characters
2:02
which is wrong backslash n split backslash n split new line line word word
2:33
और split कर लो by a space but अभी मैं split करना चाहता हूँ by a space
2:37
or by a new line तो मैं यहाँ पर regular expressions को इस्तेमाल करूँगा और यहाँ पर देखो मैं split by a space नहीं करूँग�
2:43
अब देखते जाओ मैं किस तरह से split करूँगा तो मैं एक regular expression नहीं करूँगा यहाँ पर मैं कहूँग�
2:47
by a space or by a new line तो by a space के लिए मैं backslash s लिखूँग�
2:51
और यहाँ पर एक plus लगाऊँगा backslash s का मतलब होता ह�
2:56
कि white space किसी भी तरह की white space including new lines
3:00
ठीक है तो यहाँ पर और मैंने plus लिखा है एक से जादा के लिए अगर आपको नहीं बदा यह regular expression कैसे काम कर रहा ह�
3:05
तो मैंने regular expression का एक दूसरा video JavaScript के course में बना रखा है पर अभी के लिए आप assume कर ल�
3:10
इस चीज को कि यह चीज split करेगी by white spaces one or more
3:14
और white spaces का मतलब new line भी आती है उसमें ठीक है देखते है काम भी कर रहा है कि नही�
3:18
तो यह दिक्कत है लिखा तो तीन words दिखा रहा है अब मैं यहाँ पर space दे रहा हूँ तो यह word नहीं दिखा रहा ह�
3:22
enter मार रहा हूँ यहाँ पर तो भी word नहीं दिखा रहा है बट कुछ लिख दिया अगर यहाँ पर तो यह देखो यहाँ प�
3:26
four words दिखा रहा है क्या अमारा पुराना जो था logic वो काम कर रहा ह�
3:30
this is a good थिंग टू डू तो हाँ यार वह भी काम कर रहा है साथ वर्ड से 336 और एक साथ ठीक है क्या कन्वर्ड टू ओपर केस काम कर रहा ह�
3:39
यस क्या कन्वर्ड टू ओपर केस काम कर रहा है यस क्या कॉपी टेक्स काम कर रहा है अच्छा कॉपी टेक्स से मुझे एक शिकायत ह�
3:43
मैंने वाला क्या किया कॉपी टेक्स्ट मैं कॉपी टेक्स्ट मैंने एक एक तो यह आप लिखा हुआ यह मुझे नही�
3:49
चाहिए सारे कंसोल लॉक्स मैं अटाऊंगा जो कि प्रोडक्शन कोड में मैं कंसोल लॉक नहीं रखना चाहता त�
3:54
कंट्रोल ऐफ करके कंसोल डॉट लॉग को हटाना चाहूंगा चाहे वह कमेंट भी क्यों ना हो जो कि मेरा जो आप है व�
4:02
अभी मैंने यहां पर फाइनल कर दिया है ठीक है तो मैं किसी भी तरह कंसोल लॉग नहीं रखना चाहूंगा उसी के form
4:25
remove कर दूंगा क्योंकि यार फालतू comments add up होते जाते हैं हम नहीं चाहते कि हमारे पा�
4:29
बहुत सारे फालतू comments रहे हैं ठीक है यह भी अटाउंगा मैं यहाँ से यह जो मैंने यहाँ पर �
4:35
title change किया था, एक set timeout लगा कर आपको दिखाया था, काफी चीज़ें मैं यहाँ पर आपको दिखाया थी
4:39
वो सारा मैं हटा दूँगा, क्या light theme, dark theme काम कर रहा है, हाँ वो भी काम कर रहा है
4:44
ठीक है, बढ़िया, क्या about page काम कर रहा है, हाब आउट पेज भी काम कर रहा है कोई दिक्कत वाली बात नहीं है अच्छा यहाँ पर एक चीज आप लोगों को शायद परचान कर रही हो कि यार अगर डार्क पूर्ड एनिबल करो तो यह एरोज इनविसिबल हो जाते हैं तो इस चीज को ठीक करने के लिए आप लोग क्य�
5:16
पूरी बूट्स्ट्राप आप जो यूज़ कर रहे हो वो चेंज हो जाएगी तो मैं यहाँ प�
5:20
जो मेरे ग्लोबल स्टाइल्स है index.css इसको मैं यहाँ पर कुछ इस तरह से करूँग�
5:25
ठीक है सेव किया मैंने क्या यह काम कर रहा है एनेबल डाप थ�
5:29
यहां पर देखो अभी मेरे जो ऐसे भी ठीक हो गए तो मैंने आलमों सारी की सारी चीजें जो यहां प�
5:34
फिक्स कर दी है एक चीज मैं कर सकता हूं तो यह मैंने भी यहां पर नेव बार टो जैसे में एक चेंज किय�
5:39
अगर आप लोग यहाँ पर देखो तो होम हाइलाइटेड रहता था अमेशा अगर हम अबाउट पर भी क्लिक कर रहे हैं तो होम हाइलाइटेड रहता थ�
5:44
तो मैंने अक्टिव क्लास जो थी यहाँ पर वो हटा दिया इसमें से ठीक है तो मैं आपको अगर दिखाऊं तो यहां पर एक एक्टिव करके क्लास थ�
5:51
वो मैंने हटा दी यहां से ठीक है तो मैंने एक्टिव वाली क्लास को हटा दिया है save control F active class item highlighted about click about highlighted home click home highlighted simple CSS clipboard navigator API navigator API
6:32
जरूरत नहीं है, हमें text को select करने की कोई जरूरत ही नहीं है, ठीक है, और ना ही मुझ�
6:36
deselect करने की जरूरत है, अगर हम navigator API यूज़ करें, तो directly अपनों value डालेंगे
6:40
और वो clipboard पर copy हो जाएगी, तो कोई tension वाली बात नहीं है, navigator.clipboard.write text
6:45
इस ऑल यू नीट ठीक है सेव कर लो इसको प्रॉब्स डॉट चो एलर्ट कॉपी टू क्लिप बोर्ड बढ़िया यह तो चाहिए मुझ�
6:52
देखता हूं कॉपी टू क्लिप बोर्ड काम भी कर रहा है कि नहीं कॉपी टेक्स्ट पेस्ट टेक्स्ट अंडिफाइन अ मै�
6:58
तो इस तरह से करूं कॉपी टेक्स्ट पेस्ट टेक्स्ट अनडिफाइन देखता है यहां पर क्या दिक्कत आ रही है ओके त�
7:04
टेक्स्ट वैल्यू यहां पर मैं कर रहा हूं मुझे सिर्फ टेक्स्ट करना पड़ेगा ठीक है तो जो टेक्स्ट है मुझे टेक्स्�
7:09
पहले मेरा text था, अभी अभी यह काम करना चाहिए, reload करूँगा, copy करूँगा कु�
7:13
लिखकर, तो आप लोग देखो यहाँ पर, चल रहा है अभी, this is nice लिख दिया मैंने
7:18
copy किया, paste किया, yes, it works, तो finally हमने अपनी text
7:23
टेक्स यूटिल्स को राप कर दिया, अभी ये जो सोर्स कोड होगा, ये वाला आपको देखने को मिलेगा, जो कि रीसेंट सोर्स कोड है, इसमें कुछ फिक्सेज हैं, जो कि हमने किये हुए हैं
7:31
और मैं deploy भी कर दूँगा इनको, मैं deploy करते हुए आप लोग को obviously अभी नहीं दिखाऊँगा, क्योंकि फाल्टो वीडियो लेंथ बढ़ेगी, मैं नहीं चाहता आपका time waste हो, मैं इसको build करके, npm run build करके, file जिला में डाल दूँगा, तो mytextutils.com को जो अब आप लोग को देखने �
8:01
मुझे comment में जरूर बताना, और अभी के लिए इस वीडियो में इतना है guys, thank you so much guys for watching this video
8:06
सारा github, और descriptions वगैरा check करना, सारे source code, सब कुछ आप लोग को मिल जाएंगे
8:12
thank you so much guys for watching this video, and I will see you next time