Transcript for:
रियाक्ट का परिचय और मूल बातें

गैस अपने पिछले वीडियो में हम लोगों ने जावास्क्रिप्ट का रिफ्रेशर देखा था, हमने ये देखा था कि जावास्क्रिप्ट की साहेता से क्या क्या चीज़े की जा सकती हैं और कितनी जावास्क्रिप्ट आप लोगों को रियाक्ट के लिए सीखनी है, तो य समझेंगे और एक बात और बोलूंगा शायद यह बात मैं अलड़ी बोल चुका हूं पर एक बार और बोलूंगा और वो बात यह है कि यह सोर्स होने बाला यार react जो है ना मैंने बनाई है ना आपने बनाई है ना मेरे पड़ोसी के ताउजी ने बनाई है react जिसने भी बना है और यहां पर सारे की सारी चीजें आप लोगों को मिलने वाली है ठीक है तो यहां पर आप लोग देखो अगर मैं डॉक्स पर जाऊं तो जो बेसिक्स है रियाट के वह यहां पर लिखे हुए ठीक है अब यहां पर इंट्रोड्यूसिंग बताऊंगा यह पेज भी ओपन रहेगा और यहां पर जल्दी से हम क्या करते हैं वीडियो स्टूडियो कोड टेक्स्ट यूटिज बाय देवा यह प्रोजेक्ट में एक क्रिएट रियाग्ड टाप यूटिलिटी से बनाया था इसमें थोड़ा सा टाइम लगा था कभी-कभी क्या होता है कि टाइम थोड़ा से ज्यादा लग जाता है अगर आपका कंप्यूटर स्लोह है तो टेंशन मत लेना बहुत लोगों क आपको रटना नहीं है, मतलब आपको समझ आने का क्या, मतलब आपके लिए समझ आना क्या है, क्या आप यह expect कर रहे होगे, आपको याद हो जाएगा इस folder के अंदर क्या रखा हुआ, इस folder के अंदर क्या रखा हुआ, नहीं, आपको क्या करना है, आपका जो पहला target होना चाहि यूज करने का सबसे बड़ा फायदा यह कि आप कम से कम जावास्क्रिप्ट लिखोगे और बहुत ही ऑर्गनाइज रहेगा कोड आपका अगर आप कोई कॉंप्लेक्स या बना रहे हो जो काम आप रियाक्ट से कर रहे हो शायद आप लोग वह सिर्फ वैनिला जावास्क्रि� में क्या लिखा हुआ, इस entry point में simply यह लिखा हुआ है, कि यार देखो, करो क्या, कि जो index.html है, by the way यह तो सबको पता हुआ कि, अगर आपने एक public file डाली हुई है, public folder के अंदर डाली हुई है, बहुत सारी files, एक web directory में, तो जो entry point होता है, वो index.html होता है, with that said, index.html के अंदर, एक यहाँ पर div id is equal to root लिखा हुआ है, एक यहाँ पर div रखा हुआ है, उसकी id root है, हमें क्या करना है, जहाँ पर id, एडी रूट है वहाँ पर क्या करो वहाँ पर आप कंपोनेंट को डाल दो यानि कि वहाँ पर यह डाल दो जहां पर क्या है अंदर आप कंपोनेंट है और स्ट्रिक्ट मोड आउट है पिछले वीडियो में स्ट्रिक्ट मोड के बारे में बताया था आपको मैंने ठीक है तो आ करता हूं मेरी development server की launch होने तक का तब क्या होगा कि npm start लिखकर जो भी website मुझे देखने को मिलेगी वो ये code एक तरह से resolve हो रहा है उसके बाद मुझे देखने को मिल रही है ये बात आप लोगों समझ में आनी चाहिए सबसे पहले तो ठीक है चलो ये बात तो समझ में आ गई अ किसी एक variable के अंदर डाला हुआ है कि क्या चल रहा है यहाँ पर पूरी ऐसे के ऐसे ही लिख दिया है यहाँ पर पूरी की पूरी जो HTML है वो तो यह चीज आप लोगों को जो है लग सकती है बट let me tell you something मैं यहाँ पर आप लोगों को बताना मुझे नहीं मालूं यह react का development npm start करके देखता हूँ वैसे तो ज़रा time लेता compiled successfully लिखकर आ गया इसका मतल बेरी वेबसेट चल जानी चाहिए हाँ कभी-कभी क्या होता है थोड़ा सा टाइम ले लेता है यार देखो सिस्टम अगर स्लो है आपका थोड़ा सा टाइम ले लेगा मैं जब ट्रावल करता हूं तो मैं एक स्लो लैपटॉप यूज करता हूं और जिसकी वजह से मुझे कभ आपने अगर create react app से एक app बनाई, तो app.js के अंदर जो भी code आपको देखने को मिलेगा, वो code आपको, मतलब उस code को resolve करने के बाद, जो भी चीज आएगी, वो यहाँ पर आपको देखने को मिलेगी, localhost 3000 के अंदर, नहीं कि वो आपकी पूरी site है, app.js जो है वो आपकी पूरी site है, अब आप additional components बना सकते हो, कि आपने एक बाद create react app से app बना ली, तो app.js, जेस से आप लोग स्टार्ट करोगे एडिटिंग करता है मुझे बताओ इसमें मुश्किल क्या है बहुत सारे लोग यह यार मुझे समझ नहीं आ रहा है कि आप लेकिन ऐसा रसी आपको समझना ही नहीं है यार आपको खुद आ जाएंगे चीज बाद आपको एप डॉट जेस यह वाली फाइल को अडेट करना है ठीक है हम समझ रहे हैं जेस एक्स को देखो रियाट के अंदर दो तरह के components होते हैं, एक function based component, एक class based component, ठीक है, पहले class based components use किये जाते थे, अभी function based components जादा popular है, क्योंकि वो लोगों को आसान लगते हैं, और syntax थोड़ा सा easy लगता है लोगों को, classes में थोड़ा से लोग confused हो जाते हैं, इसलिए लोग जादा पसंद नहीं करते थे, इसलिए function based component is a new trend, तो इसलिए creator ये tab b, अब function based component use करता है, पहले class based component use करता था, function based component में क्या है, कि आपको simply करना क्या है, आपको एक function लिखना है, function app, और आपको return करा देना एक bracket लगा के parenthesis लगा के jsx तो यहां से लेके यहां तक जो भी चीज लिखी हुई है उसको कहते हैं jsx क्या है यह jsx क्या ही javascript है या html है देखो यार अगर मुझे बहुत ही simple सी भाषा में आप लोगों को जवाब देना पड़ जाए तो वो होगा कि मैं कहूँगा यार यह पूरी html ही है यह html ही है जिसने javascript का मुकट पहना हुआ है ठीक है एक html जिसने javascript का मुकट पहना हुआ है अब अब समझाता हूँ इस बात का क्या मतलब है देखो मुझे कभी भी कोई html मिलेगी तो मैं इन brackets के अंदर डाल दूँगा, और इन brackets के अंदर डालने के बाद, मैं जैसे ही उसको return कराओंगा, वो मुझे यहाँ पर देखने को मिलेगी, ठीक है, बट JSX क्या है, JSX की सबसे अच्छी खासियत यह है, कि यार ऐसा करा क्यों, React के जो developers हैं, जो React जिनोंने यह library बनाई, उन्होंने कुछ ऐसा सोचा, आपकी CSS अलग है आपकी JavaScript अलग है और फिर उसके बाद आपकी HTML एक जगह पर है फिर आप बार बार फाइल खोल ले हो इधर से उधर जा रहे हो उधर से इधर आ रहे हो उन्होंने कहा कि एक unified form में एक जगह पर सारी चीजें अगर रहेंगी तो वो सबसे अच्छा user experience रहेगा म लेकिन HTML लिखने के साथ साथ आप कुछ इस तरह से JavaScript डाल सकते हो इन curly brackets में अब अगर आपको ये चीज confusing लगी तो मैं आपको अच्छी तरह से explain करूँगा तो देखो क्या होता है कि ये कुल मिला के यहां से लेके यहां तक जो code लिखा हुआ है वो पूरा का पूरा JavaScript ही है ठीक है क्योंकि ये.js file है लेकिन यहाँ पर ये जो code लिखा हुआ है ये JSX है अब JSX कुल मिला कर HTML ही है मैं तो कुछ 95-98% ये HTML ही है changes क्या है आपको यहाँ पर पर class की जगह class name लिखना पड़ता है, क्योंकि class जो है javascript में reserved keyword है, ठीक है, इसी के साथ साथ, for जो होता है, आपका अगर आप label use करते हो, मैं आप लोगों को bootstrap की website पर खोल के दिखाता हूँ, और बिल्कुल भी आप लोग confused बद होना अभी, मैं आपको एक HTML का syntax दिखाना चाहता हूँ, कि जो for होता है HTML के अंदर, जो HTML का for होता है, उसको यहाँ पर HTML for करके use करना पड़ता है, वरना क्या होता है, कि आपको problem आएगी, अब यह जो फॉर लिखा हुआ है यहाँ पर फॉर जावास्क्रिप्ट में एक रिजर्व कीवर्ड है ठीक है फॉर लूप जो होता है हमारा तो हम फॉर यूज नहीं कर सकते हमें एचटीमल फॉर लिखना पड़ेगा तो क्या हुआ एचटीमल फॉर हमें ऐसे लिखना पड़ेगा उपस यहां तो पासवर्ड है यहां लिखता हूँ एचटीमल फॉर हमें कुछ ऐसे लिखना पड़ेगा नहीं रियक्ट क्या करता है क बाकी क्या है बाकी सब कु� इस तरह से लिखना पड़ता है तो जहां आपको देखने को मिलेगा आप इसको जो है रिप्लेस कर दें टाब इंडेक्स ठीक है अब मेरी बात को सुनना, एक बार और ध्यान से, बहुत ध्यान से सुनना मेरी बात को, देखो, यहाँ पर जो हमने return किया, वो सिर्फ एक tag था, कौन सा tag था, div with class name is equal to app, तो यह वाला जो हमारा tag है, यह हमने return किया, react के अंदर, अगर आप, अगर आप लोग जेसेक्स यूज कर रहे हो तो आपको सिर्फ एक ही एलिमेंट रिटर्न करना है अगर मैं आप आपको जैसे कर दो मैं कुछ ऐसे कर दो एक चुन लिख दूं और यहां पर लिख दूं थिस इस मी तो इस नॉट वालेड इस नॉट है यार एडजेसेंट जेसेस एलिमेंट्स मस्ट बीड़ इन एन इन्फ्रोजिंग टाइप यहां पूरे के पूरे को एक में टैक कर और यह मुझे यहाँ पर यह भी बता रहा है कि यार एक JSX fragment use कर लो अब JSX का fragment क्या होता है यह भी मैं बताता हूँ कभी मेरे पास ऐसा scenario मान लो आगे है मैं this is be heading डलना चाहता हूँ और उसके बाद अपनी app को start करना चाहता हूँ तब मैं क्या करूँगा कि इसको एक JSX fragment में wrap कर दूँगा कुछ इस तरह से देखो एक खाली मैंने tag लगाया है यहाँ पर देखो यह लगाया और at the end इसको मैं close कर दूँगा कुछ इस तरह से ठीक है इस तरह से मैं close कर दूँगा अब यह valid syntax है अभी मैं दिखाऊँगा तो य रहे हैं वर एग्जांपल में जो वाइफा यूज कर रहा हूं अगर मैं अपने फोन पर डाल दूंगा यह आईपी एड्रेस मैं अगर यह आईपी एड्रेस अपने फोन पर डाल दूं 192 168.0 पॉइंट मैं आपको डाल कर दिखा देता हूं भी ज या एडिवाइट वॉटन थैंक यू तो यहां पर मैंने क्या किया कि जो एड्रेस सवन नाइन टू वाला वह डाल दिया और यहां तो आप अगर अपने फोन में देखना चाहते हो आप यह देखना चाहते हो अपने फोन फोन के अंदर कि क्या आपके फोन के अंदर चल रही है आपकी आप या नहीं रिस्पॉंसिव है डिजाइन की नहीं तो आप अपने फोन में भी खोल सकते हो बट सेम वाइफाई से कनेक्टेड होना चाहिए आपका लैपटॉप और आपका फोन ठीक है इस बात ध्या और ये reload भी हो जाती है automatically जैसे इसे मैं change करता जाता हूँ obviously this is one of the ugliest looking websites अच्छी नहीं लग रही है but हम बनाएंगे इसको refactor करेंगे अच्छा बनाएंगे और यहाँ पर क्या है ना कि ये जो लिखा हुआ है सारा का सारा code ये आप 99 क्या 99.9% of the cases में हटा ही दोगे तो ये मैंने आपर जो है JSX fragment यूज़ किया है यार ये चीज क्यों हमने लगाई है, parenthesis यहाँ पर क्यों लगाई है, तो यार parenthesis इसलिए लगाई है, क्योंकि javascript automatic semicolon, insert कर सकती है यहाँ पर, जो कि इसको खराब कर देगी, मेरी JSX को, और मैं यह नहीं चाहता, in fact create react app ने मुझे लगा कर दी है, इन दर बहुत सारी चीज़ें डाल सकता हूँ, यहाँ फिर मैं क्या कर सकता हूँ, कि एक div बना सकता हूँ, ठीक है, मान लो मैंने लिखा, div with the class name of, let us say, blank, मान लो मेरी class name blank है, अब आप देख रहे होगे कि, मेरी emmet abbreviation मुझे यह दिखा रही है, आप कर लेना यार बस, ठीक है, emmet, मैं यहाँ पर emmet सर्च करता हूँ, यह Emmet Included Languages दिख रहा है आपको, आपको भी अगर इसमें Add Item पर क्लिक करना है, और JavaScript और JavaScript React यहाँ पर लिखना है, Key में लिखना है JavaScript और यहाँ पर JavaScript React लिखना है, तो कुल मिला अगर आप क्या बता रहे हो अपने VS Code को, आप यह बता रहे हो कि अगर मैं JavaScript इस्तेमाल कर रहा हू� ने मिजी को ने मुझे मिलना चाहिए इससे क्या होता है कि जब यह पोटिंग करेंगे तो आपके हाथ बहुत तेज चलेंगे उसके बाद ठीक है तो यह जरूर कर लेना आप सेटिंग्स डॉट जेसन यहां से एडिट कर सकते हैं यहां क्लिक करके जेसन फाइल लवली ठीक है मैंने यहां पर जैसे लवली लिखकर सेव किया आप देखो यहां पर भी मेरी आप अपडेट हो चुकी है ठीक है अब यहां पर मैं आपको एक चीज दिखाता हूं मैंने यहां पर इंपोर्ट कर रही है app.css ठीक है और मैं अगर app.css आप लोग को दिखा� अब अगर मान लो मैं क्या करूँ जो dot blank है जो कि मैंने अभी यहाँ पर एक class लिखी हुई है मैं अगर इसमें color लिख दूँ let us say red तो यह जो है CSS मेरी apply हो गई देखो यहाँ पर तो यहाँ पर अगर मैं app.css को import करूँगा और मैंने यहाँ पर जैसे लिखा कलर रेड हो गया अब एक चीज आप लोगों यहां पर दिखाता हूं अगर मैं इसको रिनेम करके आप टू कर दो या आप एक अप एक अच्छे से आए अच्छे से कंपाइल हो गई कुछ वार्निंग्स के साथ कंपाइल है बिसीकली मुझे बता रहा है कि आप लोगों अब यूज नहीं कर रहे हैं तो आपको लोगों को हटा देना चाहिए और आप एडवाट सीएसस करके मैंने इसको इंपोर्ट कर अगर मान लो मैं इसको चेंज करना चाहता हूं लेडर से मैं इस कलर को चेंज करके से ब्लू करना चाहता हूं इस तरह यहां पर एक अच्छा नाव बनाने की कोशिश करता हूं मानो मैं यहां पर एक नाव डालना चाहता हूं जो है वह यहां पर यहां से स्टार्ट करूंगा एक जेसेस प्रेगमेंट से शुरुआत करूंगा इसके बाद मैं क्या करूंगा कि एक नाव बार बनाऊंगा मैं यहां पर लिखूंगा नाव इसके बाद मैं लिखूंगा एल आई मैं यहां पर लिखूंगा होम और डिजाइन को मद्दे नजर नहीं रख रहा हूं और यहां पर देखता हूं कुछ कंपाइल हो गया अच्छे से कि नहीं हां हो गया लेट अस से कि मैं यहां पर एक और डिव चाहता हूं और मैं कंटेनर बनाना चाहता हूं लेट अस से उसके अंदर मैं एक पैराग्राफ लिखना चाहता हूं उसमें मैं लॉरेम 34 डालना चाहता हूं जिससे कि एक डमी टेक्स्ट आ जाता है तो यह सारी की सारी चीज़ें भी बढ़िया है इन्होंने react की documentation में बहुत सारी चीज़ें बताई हैं JSX के बारे में जैसे कि JSX is an expression to specifying JSX attributes इन्होंने बताए है आप tab index कर दे और कोई भी image आपको use करनी है तो src is equal to curly bracket कर लगाकर यह जो curly brace होता है अपना वो लगाकर मैं लिखता हूँ let name is equal to harry और obviously यह string एरो डबल कोट्स में तो close करना ही पड़ेगा अब मान लो मैं तो मैं लिखूँगा hello और ये curly bracket लगाकर मैं यहाँ पर लिख दूँगा name क्योंकि मेरा name variable है और वो है harry एक बात आप लोग बड़े ध्यान से समझना कि मैंने curly bracket जब लगाया तो मैंने कोई double quote नहीं लगाया आजू बाजू बिल्कुल मैंने जो भी चीज मैंने in curly bracket के अंदर डाली है वो javascript के तौर पर मानी जाएगी वो एक javascript है इसको आप लोगों को और यहाँ पर आप लोग देखो hello harry यहाँ पर लिख कर आगे अगर मैं मान लो इसको है एक है रिप्ली कर देता हूं और सेव करता हूं तो देखो हेलो है यहां पर आ गया ठीक है तो मैं वेरिबल्स का यूज कर सकता हूं मैं यहां पर कंडीशनल एक्सप्रेशन का यूज कर सकता हूं टर्न डी ऑपरेटर्स का यूज कर सकता ऑप्शन को यूज कर सकता हूं इवेन मैं एक इमेज को इंपोर्ट करके यहां पर जिस तरह से हमने ऑलरेडी देखा क्रिएट आप द्वारा बनाया गया प्रोजेक्ट ऑलरेडी कर रहा था क्या कर रहा था वह जो लोगों था जो घूम रहा था हमारा वह रियांक का जो जो लोगों गुम रहा था, वो, SRC is equal to, कुछ इस तरह से import हो रहा था, अभी हमने थोड़ी देर पहले ही, वो import हटाया, आप वीडियो पीछे करके देख लेना, तो उस तरह से imports भी हम लोग कर सकते हैं, और यह सारी चीज़ें हम लोग आगे देखेंगे, विडियो इंडेक्स नहीं कि कैमल केस में हमें बैसे करके लिखना है और उसी के साथ साथ जहां जहां हमको जावास्क्रिप्ट लिखनी होगी वहां में कर लीजिए इस्तेमाल करेंगे और अगर हमारा फांक्शन बेस्ट कंपोनेंट ने के बाद नव बार और मुझे यहां पर इन क्लोजिंग कुछ इस तरह से सेंट लोग करना पड़ेगा अगर मैं आईएमजी का भी इस्तेमाल करना है इनकी मैं इमेज का भी इस्तेमाल कर रहा हूं तो मुझे क्या करना पड़ेगा मैं आईएमजी कर रहा हूं वह इस तरह से इस तरह से लगाना पड़ेगा अगर मैं यह नहीं लगा तो मुझे अर्रर मिलेगा मैं दिखाता हूं आप लोगों को अगर मैंन ऐसे करके सेव करूं तो यह चला गया तो कुल मिलाकर मुझे क्या करना है कि इन सब चीजों का ध्यान रखना है अन्तर्मिनेटेड जेसेस कांटेंट जो है मुझे नहीं डालने हैं अपने कोड में बस इतना ध्यान रखना है और मुझे बालूं आप लोगों को ये फाइल स्ट्रक्चर देखके डर लग रहा होगा मुझे भी मालूं है कि बहुत सारे लोग घफरा गए होंगे मेरी बाते सुनकर क्योंकि बहुत सारी बाते एकी वीडियो में बताती हैं जीएसेक्स के बारे में अगर इसी वीडियो में सब कुछ समझ में आ जाएगा तो बाकी के वीडियोस का क्या काम फिर फिर तीनी वीडियोस डालूं ना मैं बाकी की क्यों ना डालूं ठीक है बाकी के क्यों डालूं मतलब तो कुल मिलाकर बात यह है कि आपको स्टेप बाय स्टेप चीजें समझ लोग छोड़ देंगे मेरे से नहीं हो रहा मैं नहीं सीख रहा पर मैं हूं आपको सिखाने के लिए हमने यहां पर जैसे के बारे में देखा हमने कुछ रूल को देखा और भी हम जब कॉंप्लेक्स जावास्क्रिप्ट लिखेंगे तब यह यूसफुल चीज बनानी है और इन्हीं कॉंप्लेक्ट का इस्तेमाल करके हमको ठीक से समझना इन सब चीजों वापस रिनेम कर देता हूँ वीडियो को एंड करने से बदले एक दो बाते और आप लोग को बताऊंगा अच्छा अगर मान लो कि मेरा जो app.js है इसके अंदर name is equal to और मैं bold करना चाहूँ यानि कि यह एक HTML होती अगर यह एक HTML होती तो क्या मुझे यह देखने को मिलेगा या यह HTML resolve हो जाएगी मुझे यह literally देखने को मिलेगा ऐसा इसलिए होता है कि react जो है कोई भी external javascript अगर यहाँ पर आने वाली है लिटरली कुछ इस तरह से ही आ गया देखने को मिल गया मुझे अगर मुझे बोल्ड में चाहिए ये इन फाक्ट ये तो अलरेडी बोल्ड है बट अगर मुझे यहाँ पर कुछ बोल्ड करना होता तो मैं dangerously set inner HTML करके कुछ होता है react में वो मैं आगे आपको बताऊंगा उसकी साइजता से कर सकता था बट ये एक safety feature है ये कोई bug नहीं है आपको ये नहीं लगना चाहिए कि यहाँ पर मुझे HTML rendering चाहिए थी ये bug नहीं है हो सकता है कि ये user input जो है ये जो input है वो user के थुरू आ र डेंजरस जावास्क्रिप्ट आपके पेज पर छोड़कर कोई चला जाये और वो एक्जिक्यूट हो जाये और फिर लोगों को दिक्कत हो आप यह नहीं चाहते ठीक है आप यहाँ पर हम लोग क्या करेंगे एक बात और देखेंगे जो कि रियाक्ट की डॉक्यूमेंटेशन का पेज बड़े अच्छी तरह से बता���ा है और देखो यार यह बात मैं सिर्फ आपको बता रहा हूं आपकी अंडरस्टैंडिंग के लिए जादा इसमें घुसना मत यह प्रॉपर जावास्क्रिप्ट में तो मैं आप लोगों को दिखाता हूं मैं बेबिल सर्च करता हूं यहां पर हां यह देखो बेबिल कंपाइल जीएस एक्स टाउम टो रियल डॉट क्रिएट एलेमेंट कॉल्स तो यह रियल डॉट क्रिएट एलेमेंट की कॉल में रिजॉल्व होता है तो यह जो आपने लिखा है यह अक्शन इसमें कंवर्ट हो जाएगा और अगर आप यह टाइप करोगे syntax दिया है, आप आराम से ऐसे syntax लिख दो, और react जो है, behind the scenes इन सब चीज़ों का ध्यान रखेगा, और आपको जो है, कुछ इस तरह से compile होके करते देगा, आपको यह जानने की भी ज़रूरत नहीं है, कि यह compile कर देगा इस तरह से, इस सब चीज़ें, इस तरह से compile होकर, एक actual website बनाएंगे, कैसे हो रही है component based architecture क्या है बहुत ही basic website बनवाओंगा और बिल्कुल भी आप ये मत बोलना मुझे कि इतनी basic website क्यों बनवा रहा हूँ मैं मैं complex websites भी बनवाओंगा आने वाले videos में आने वाले जो हमारे projects होने वाले हैं इस playlist के उसमें आपको थोड़ी सी और complex websites ताकि यार ये जो डर है ना इसका JSX का डर, functions का डर ये इन सब चीजों का डर ये सब तो आप लोग बिल्कुल भी tension मत लेना और ये project structure से तो कभी डर ना भी भी मत क्योंकि आपको सिर्फ नजर रखनी है app.js पर अभी कुछ ऐसा समझ लो कि आप एक बड़ी city में आ गए हो और आपको एक कमरे की चाबी दे दिगई है आपको इस कमरे के अंदर रहना है और बागी city में घुम के आपको यह जानने की जरूरत नहीं है और मलाई डली हुई इलाजी की चाय कहाँ मिलती है तो कुछ इसी तरह से आप लोग ऐसा समझ लोगी, यह सब जो folder structure है, इससे आप बहुत familiarize होने वाले हो आने वाले time में, अभी आपको जो निशाना है, वो app.js पर साधना है, app.js पर साधना है, और app.js के अंदर, jsx को अच्छी तरह से लिखने पर दिहान लगाना है, और यहाँ पर लिखकर, जो भी चीज आप लिखोगे, आपको बस ये समझ रखनी है, कि यहाँ मैं जो भी लिखूँगा, app.js के return के code के अंदर, वो मुझे यहाँ देखने को मिलेगा, मेरी react app के अंदर, बस इतना ही चाहिए अभी आपको, आने वाले टाइम में, हम लोग क्या वीडियो आप लोग यूज़फुल था मैं रियाट जेस के इस प्लेडिस्ट में बहुत सारे वीडियो डालने वाला हुआ भी यह बहुत ही कम लगे होंगे वीडियो आपको आने वाले टाइम में इन फैक्ट बहुत ही जल्दी मैं बहुत सारे वीडियो भर दूंगा इस लोगी कि यार मैं कर लूंगा बाद में प्लेट लिस्ट डली हुई है तो शायद आप कभी भी ना करो ठीक है सो विदेट सेट मैं राप करूंगा इस वीडियो को सारा का सारा कोड आप लोगों को मिल जाएगा मैं साइट पर डाल दूंगा लिंक इस वीडियो में इतना है गाइस थैंक यू सो मच गाइस वॉचिंग इस वीडियो एंड आइव