हाँ जी कैसे हैं आप सभी स्वागत है आप सभी का चाय और कोड के अंदर और शुरुवात करते हैं हमारी एक नई सीरीज का चाय और रियाक्ट काफी मज़ेदार रहने वाली है ये सीरीज बहुत कुछ है इस सीरीज के अंदर हाँ जी वापस आ गया हूँ इस बारे में इस विशेपे वापस आने के विशेपे जो के है हमारा चाई और रियाक्ट JS के बारे में पढ़ेंगे क्यों ये library इतनी famous है क्या-क्या इस library के साथ आप कर सकते हैं कैसे library help करती है websites बनाने के लिए market में काफ़ी demand है तो कितना demand है क्या situation है कैसे हम इस library को सीख सकते हैं और सिर्फ सीखेंगे नहीं fundamentals भी जानेंगे और projects भी बहुत सारे करेंगे अगर आपने मेरी पुरानी series देखी है जो कि है चाई और javascript तो आपको पता है वहाँ पे हमने foundation पे बड़ा focus किया था in-depth हम काफ़ी गए थे और projects भी किये थे, लेकिन react के अंदर थोड़ा सा different हमारा pedagogy रहेगा, pedagogy मतलब पढ़ाने का तरीका रहेगा, यहाँ पे project ज़्यादा focus होता है, क्योंकि बहुत सारी चीज़े ना project के दौरान समझानी बहुत आसान होती है, तो इसलिए project ज़्यादा होंगे, depth भी हम रखेंग लेकिन हम यहाँ पे चैनल पे सिर्फ रोडमेप नहीं बनाते हैं, रोडमेप के बाद पूरी सीरीज ही बना देते हैं, तो यह पूरी सीरीज ही है, अब एक सबसे इंपोर्टन बात, कि यह जो सीरीज है बहुत ही इंडेप्थ होगी, बहुत सारे प्रोजेक्ट होगे, लेकि इंडेप्ट आप जाते हैं और शेयर नहीं मिलते हैं सब्सक्राइबर्स नहीं मिलते हैं तो फिर देखिए मोटिवेशन बहुत ही आम सी चीज है सबको जरूत होती है आपको जितनी जरूत है हमें भी जरूत है तो आप जितना शेयर करेंगे हर एक वीडियो शेयर होना चाहि इस series को complete करने के लिए आपका commitment जरूरी रहेगा और सबसे important बात जैसे जैसे मैं आपसे question पूछता जाओं उनको comments में लिखते जाएगा इससे क्या होता है engagement बढ़ता है आपका कि हाँ series के प्रती हम engaged है हम बात कर रहे हैं तो please engagement रखेगा यह आप ही के लिए बैतर है लेकिन इससे आप भी engaged रहेंगे series के अंदर उस question का answer कर पाएंगे क्योंकि अगर आप लाइफ क्लास में होते तो बिल्कुल मैं आपसे वहीं की वहीं पूछ लेता हमने सामने या फिर अगर zoom live पे होते तो भी मैं पूछ लेता लेकिन यहाँ पे one way delivery है तो please comment section में active रहिएगा तो चलिए ये जो हमारी series होने वाली है react और रियाक्ट लाइबरी आज फेमस है तो आज फेमस है इसलिए हम कोर्स बना रहे हैं लेकिन ऐसा नहीं है कि रियाक्ट ने कुछ किया है तो वो कभी हुआ ही नहीं या कभी आगे चेंज नहीं होगा नहीं बिलकुल होगा टेकनॉजी है बदलती रहती है इससे पहले जे क्वेर अब react की पूरी हमारी series start करने से पहले मैं आपको कुछ roadmaps बताना चाहूँगा, कुछ basics बताना चाहूँगा कि क्यों हम react पढ़ें, क्या हमारा पढ़ने का तरीका होना चाहिए, ताकि अगर आपको यहाँ अच्छा नहीं लगता कि मुझे यहाँ से नहीं पढ़ना है तो को� और react के पूरे series के बारे में यहाँ पे हम discuss करते हैं कि किस तरह से हम इसको पूरा देखेंगे, किस तरह से हम पूरा का पूरा पढेंगे इसको, ठीक है, तो यह है हमारा react का roadmap, अब देखे react के roadmap अलग-अलग हो सकते हैं, हर आदमी अपना अलग roadmap देगा react का, क्योंकि सबके अल� इन फैक्ट जब मार्केट में आया भी नहीं था रियाक्ट तब भी मुझे मौका मिला था रियाक्ट को देखने समझने का फेस्बुक क सबसे पहली और important चीज, किसी भी चीज को सीखने से पहले हमें कुछ सवाल है, उन सवालों के जवाब देते हम यहाँ पे, सबसे पहली चीज है why, कि react को सीखना क्यों है, अब react को सीखना क्यों है, देखि जब तक आपको उस चीज का यह नहीं पता कि यार इस चीज की मुझे वरना तो सिर्फ हाइप है तो इसलिए react को सीखने के लिए कि market में demand ऐसा नहीं है अब देखे react की हाइप है 100% बात है react की बहुत हाइप है यहाँ तक कि आप अभी जो javascript सीख के आए हैं उसके बाद आप back end में जा सकते थे completely लेकिन क्योंकि market में हाइप बहुत जादा है इसलि बहुत ठीक है वहाँ पे, React developer ठीक नहीं है, JavaScript developer ठीक है, सॉफ्टवेट developer बन रहे हैं तो बहुत अच्छी बात है, inventor है, कभी फुरसत में बात करेंगे, लेकिन job market ठीक ठाक high है, ऐसा नहीं है कि यही भगवान है, ऐसा नहीं है, Angular की भी job है, View की भी job है, लेकिन React की job comparatively high है, trend है, बिल्कुल है, React बहुत ही एक trending library है, कि hype भी है, job भी है, trendy भी है, इसलिए मैं react सीखना चाहता हूँ, बिल्कुल गलत बात है, ऐसे नहीं सीखना है react, देखे UI react से पहले भी बन रहे थे, हमारे पास jQuery थी, हमारे पास JavaScript है, और CSS libraries भी है, उनसे भी UI बन रहा था, तो फिर react की जरूरत कहां पे आई, देखे जब तक आप ये अच्छे से नहीं justify कर complex frontend, अब देखे किसी ने एक single page बनाया, कि ये रही मेरी photo ये रहा मेरा detail, contact me on LinkedIn ये मेरा profile है, वो काम थो आप HTML, CSS, JavaScript से भी कर सकते थे वहाँ पे अगर react यूज़ कर रहे हैं तो overkill कर रहे हैं, क्योंकि देखे एक चीज़ समझ येगा हमेशा, आपका जो react होता है, जो आपके पास react है वो end of the day compile होता है आपके पास HTML, CSS और JavaScript में, और browser को सिर्फ HTML, CSS, JavaScript आपकी react की library, modern ये सब कुछ समझ नहीं आता, तो जो react से build होके बनने का जो time है, actually में time तो लगी रहा है, तो वहाँ पे कोई sense नहीं है react को use करने का, react को use करने का sense है जहाँ पे आपके पास complex frontend हो, अब complex frontend कैसा, जहाँ पे काफी कुछ चीज़े हो रही है, एक button के click करने से 3 ज� Actually में अगर कभी interview में या कहीं पूछा जाए तो actually में सही जवाब या valid जवाब यह होगा कि हमें जब complex frontend बनाने होते हैं उस case में react हमारा काफी काम आसान कर देता है. अब यह तो समझ में आ गया किस तरह के complex app इसका जवाब हमें मिलेगा जब हम यहाँ पे आएंगे कि why react was created तो सबर रखी है एक मिनट का. Next आते हैं कि react सीखना कब चीए when should I learn react यह बहुत important है roadmap के अंदर कि कब सीखा जाए react.
देखिए react सीखने का लोग कहेंगे कि कोई time नहीं होता, basics just सीख लो javascript के और सीधा कूद पढ़ो, मैं इस बात से disagree करता हूँ, मुझे लगता है कि अगर आप कोई भी library के बारे में सीख रहे हैं या फिर आप कोई भी framework के बारे में सीख रहे हैं, जो की javascript related है, तो पहले javascript क तो यहाँ पे देखे, मैं यह कहूँगा कि आप JavaScript के अंदर सबसे पहले mastery करिए, mastery करने से मतलब है कैसे thread execute होता है JavaScript का, क्या उसका execution context है, कैसे functions आते हैं, कैसे memory में जाते हैं, यहाँ तक कि कैसे functions execute होते हैं, सब आपको आना चाहिए, सिर्फ इतना ही नहीं, आपको अच्छे से DOM manipulation ये जब confidence आ जाए तब उसके बाद react शुरू कर जिये, अब देखें मैंने जो javascript के series बनाई है, chai और javascript, अगर आपने वो देखी है, तो आप बिलकुल completely react के अंदर switch कर सकते है, in fact ये नहीं कहूँगा कि सिर्फ मेरी series, अगर आपने किसी और की भी series देखे, तो भी आप अ� सबसे important बात कि जो most project होते हैं, उनको react की actually में जरूती नहीं होती initial phase में, जब छोटा सा project है कि एक API hit करिये, API का response आया है, cards के अंदर data show करा है, यह काम तो JavaScript से भी हो सकता था, हमने देखा है fetch API कितना powerful है, कैसे काम करता है, आके सारा data आ जाता, loop लगा के वहाँ पे भी कर देते, अच्छा ठीक है, ये तो आ गया हमें समझ में, तो फिर react बना ही क्यों, अगर सारा काम javascript से हो रहा था, अभी भी हो रहा है, तो ये बना ही क्यों, देखे, ये बहुत important है, आपको जानने के लिए अगर आप react की journey start कर रहे हैं, ये कहानी start होती है हमारे इस diagram से, अगर आपको confusing से नाम है इसलिए मैंने इसका नाम change कर दिया ghost message अगर आप कोई talk देखेंगे या founders वगरा के tweets वगरा देखेंगे वहाँ पे उसको phantom message ही बोलते हैं मैंने phantom थोड़ा नाम अटा के ghost रख दिया इजिली समझ आ जाता है तो वहाँ पे क्या problem थी कि एक chat icon होता था जहाँ पे आ जाता था कि 3 लोगों से नए message 5 से आये तो 5 लिखावा जाता था फिर जैसे आप इस पर क्लिक करते थे, एक drop down open होता था, वहाँ से आप directly open कर सकते थे उन messages को, तो वहाँ से drop down में open करा, तो drop down के अंदर भी एक आपके पास icon आता था, जहाँ पर message number लिखाता था, कि इस user ने 5 message बेजे, इस user ने 3 message, फिर यहाँ से आपका chat box open हो जाता था, और य वन लिखावा, फाइव लिखावा, ये गाया भी नहीं होता था, उपर से आपने कई बार directly आप यहाँ पे आ गए हैं, अगर notification पे click करके, तो वो icon यहाँ पे भी रहता था, और यहाँ पे भी रह जाता था, अरे मैंने पढ़ लिया है वो message, तो अब मुझे क्यों show हो रहा है अच्छा नहीं लगता और कई लोगों को तो notification से problem भी होती है वो सारे notification clean रखना चाते हैं अपना तो यहां से शुरू आत हुई हमारे react की कि यार ये problem solve करना है अच्छा ये problem है क्या ये problem है ऐसी कि आपका जो ये one message आ रहा ये है कहाँ पे किसी वेरियबल के अंदर एक स्टेट है वेरियबल की कि वहाँ पे one message दिखाओ अब ये जो सारी चीज़ है, ये तो अविश्वी बात है, जावास्क्रिप्ट के अंदर सारी की सारी रहती है store, कि हाँ वहाँ पे 1 दिखाना है, वहाँ पे 5 दिखाना है, वहाँ पे दिखाना भी है message या नहीं दिखाना है, और उसके अलावा हमारे पास जो UI है, UI कौन manage करता ठीक है, उपस, थोड़ा सा एक सेकिन दीजेगा, इसको हम गैप कर देते हैं, वापस से यहाँ आ जाते हैं, ओके, तो ठीक है, थोड़ा सा हिकब चलता रहता है, तो देखे हमारे पास प्रॉब्लम क्या थी, कि जावास्क्रिप्ट के अंदर थी, स्टेट और हमारे पास डॉम, तो इन दोनों के बीच में होनी चाहिए थी बात, और दोनों क्या होने चाहिए थे, यह दोनों होने चाहिए थे हमारे पास सिंक, जो कि सिंक नहीं हो रहे थे, अब देखे, यह ऐसा नहीं है कि यह प्रॉब्लम हमारी रियाक्ट ने पूरी त यहां से react हमारी start हुई थी, अच्छा जब यह जो inconsistency थी हमारी UI के अंदर, इसको solve करने के लिए हमारे जो Dan है, मुझे comment section में बताईएगा, कि कौन है one of the founding team members of react, react वैसे complete team का काम था, but Dan करके एक नाम है, मुझे comment section में जरूर बताईएगा, आप जरूर ढूंढ लेंगे इसको, कि ठीक है आपको समझ में आया गया, ghost problem थी, हमारी state manage हो रहे थे, हमारे variables और जो DOM है आपस में बात नहीं कर पा रहे थे, तीजिली, और sinking problem हो रही थी, ये problem solve करने के लिए react आया, अच्छा ये problem जब solve करी इन्होंने react से, तो काफी इनको appreciation मिला, inside team के अंदर, लेकिन outside world ने कहा, हाँ जी ये statements आये थे, लेकिन फिर eventually updates हुए, और हुए लोगों ने काफी प्यार दिया react को, और आज कहाँ पे आपको पता ही है, उसके बाद क्या हुआ था, कि react को जब इतना appreciation मिला, तो इन्होंने इस library को open source किया, और बताया कि इस तरह से हमने इस चीजों को solve किया, एक talk आई सबसे पहले अडॉप्ट किया और उसके बाद Unsplash ने भी इसको अडॉप्ट किया, ये दोनों बड़ी ही पावरफुल वेबसाइट्स इंटरनेट की, इन दोनों ने जब इसको अडॉप्ट किया और इनके जो Technical Team Members हैं उन्होंने जब Conferences वगरा में अप्रिशेट किया, कि यार ये React लाइबरेटी ना दिखने में बड़ी थोड़ी Complicated टाइप है, क्योंकि उस टाइम पे Complicated होती भी थी, Class, Base वगरा सब चलता था, तो मैं कहा कि यार दिखने में Complicated है, बट अक्शिली में जब आपका UI बहुत बड़ा है और बहु तबी रियाट लाइबरेरी ना बड़ी consistently काम करती है, तो यह जो consistency थी रियाट के अंदर, इसने सभी को impress किया, तो यहां से हमारी react की शुरुआत हुई, काफी मज़ा आ रहा होगा story सुनके, नीचे comment section में बताईएगा अगर story सुनके मज़ा आ रहा होगा तो, ठीक है, तो यह ग्लोबल कॉंटेक्स्ट क्या होता है, एक्जिक्यूशन कॉंटेक्स्ट क्या होता है, कुछ मेथड्स होते हैं, बाइंड दिस वगर इनकी अगर आपको नौलेज नहीं है, या फिर अगर आपको डॉम का भी नौलेज नहीं है, इनकी डॉकिमेंट में किस तरह से ट्री बनता है पूरा, तो आप प्लीज इसको मत पढ़िये, हाँ जी ओपनली कह रहा हूँ, तो रियाट के अंदर मत आईए, पहले जावासकट पर जाईए, अगर आपको डॉम का जादा आई ठीक है, अब React का learning process, हाँ जी, ये बड़ा important है, React का learning process, कि कैसे React को सीखा जाए, देखि रियाक्ट को सीखने के, in fact, किसी भी चीज को इस phase पे सीखने के, दो pedagogy होते हैं, दो teaching methods होते हैं, पहला होता है, आप go in-depth method, और दूसरा होता है, project बना के, अब आप कहेंगे, नहीं, हमे कि मुझे अभी project वगरा पे काम नहीं करना है, मेरे लिए hello world भी ठीक है, मुझे सिर्फ ये बताओ कि in-depth कैसे जा सकता हूँ और, तो अगर आप in-depth जाओगे तो आपको कैसे terms मिलेंगे, babble के बारे में सीखिए, क्या होते हैं, ये babbles वगरा और भी हैं बहुत सारे, react के fiber और react के virtual dom, तो आपके concept आप समझोगे वहाँ पे, diffing algorithm के बारे में बताओ, कि diffing algorithm कैसे होता है, react कैसे काम करता है, hydration क्या होता है, tree shaking क्या होता है, तो इस तरह के concepts पे हमें पहले ध्यान देना पड़ता है, उनको हमें काफी example से समझना पड़ता है, यह process होता है आपका directly in-depth जाके, यहाँ पे हम project discuss नहीं करते हैं, एक तरीका क्या होता है कि आप projects बनाईए, projects कैसे बनाएंगे, background changer हो गया, to-do हो गया, calculator हो गया, गिट अप की APIs हो गया, और उसके बाद यह कैसे काम कर रहे हैं, इनको देखने के लिए हम in-depth के अंदर जाते हैं, अच्छा यहाँ पे भी यही होता है, अगर आप in-depth जाते हैं, तो पहले आप इन चीजों को पढ़ते हो, उसके बाद आप project पे च पड़ता है तो मैं जो अप्रोच ले रहा हूं इस पूरे सीरीज के अंदर इस रोडमैप के अंदर वह ले रहा हूं प्रोजेक्ट वाली अप्रोच कि हम सीधा ही प्रोजेक्ट बनाना शुरू कर देंगे जिस प्रोजेक्ट से क्योंकि मेरा गोल है चैनल इस से हम diffing algorithm सीख लेंगे, इस to do से हम virtual DOM सीख लेंगे, तो एक एक चीजों को map करके हम सारे concept सीख लेंगे, कुछ documentation भी पढ़ेंगे अच्छे से in depth में जाके, जैसे हम ये fiber का concept हम पूरा documentation से पढ़ेंगे, तो वहाँ से हम ये हमारा learning process रहेगा, अब ये आपको learning process समझ में आगे है, तो कहानी के तौर पर पढ़ेंगे, बहुत मज़ा आएगा आपको, अच्छा react के बारे में क्या है कि एक और चीज आती है, कि react is a library, अच्छा react अगर library है तो सर ये framework भी हमने सुना है और library भी हमने सुना है, तो दोनों में अंतर क्या है, देखे डेप्ट में इसके उपर एक proper video क्योंकि framework के अंदर rules को बड़ा ध्यान दिया जाता है, क्या naming convention होगा file का, इसी नाम से ही file बनेगी, इसी folder के अंदर ही बनेगी, data इसी तरह से ही fetch होगा, कोई exception नहीं होते है, तो उसी को बोलते है frameworks, जैसे आपके Django framework है, Next.js framework है, library थोड़ी cool dude type से होती है, jeans normal पहली, थोड़ी सी scraped off पहली, तो लाइबरेरी थोड़ी सी cool dude टाइप्स है, तो लाइबरेरी में आपको freedom जादा मिलती है कैसे भी काम करने की, तो इसलिए react एक लाइबरेरी है जहाँ पे freedom जादा है, बहुत तरह से चीजों को किया जा सकता है, और थोड़ी छोटी भी है, लाइबरेरी इतनी जादा बड� वैसे तो देखें बहुत बड़ा एक term है, but अभी के लिए state को आप यह देख लीजे, variables या UI के उपर हम देख सकते हैं, कि state और UI manipulation. यह आपको सीखना होता है क्योंकि react के अंदर आप directly कोई variable change कर देंगे तो वो UI के अंदर reflect नहीं करता है तो वो क्यों नहीं करता है कैसे करवाना है उसको वो सारा काम हम core के अंदर सीखते हैं फिर एक और concept आता है react के अंदर जो है JSX देखे JSX दिखने में बहुत ही ऐसा complex topic है है नहीं कुछ भी javascript के अंदर आप HTML लिखते हो basics के लिए इतना काफी है समझने के लिए वैसे तो काफी complex है समझाओंगा भी तिंजता मत कीजिए series में आगे जाके आपको JSX पूरा in depth समझा� वो हमारा JSX है तो इसी तरह के और भी चीज़ें आप core के अंदर सीखते हो उसके बाद हम सीखते हैं component की reusability अब ये component reusability ना कोई react का proprietary stuff नहीं है इससे पहले भी component reusability हो रही थी PHP के अंदर भी हो रही थी लेकिन react में थोड़ा सा आसान है उन चीज़ों को करना तो इसलिए हम component की reusability सीखते हैं कि किस तरह से buttons को 10 जगे और use कर सकते हैं या फिर footers और headers को कैसे use कर सकते हैं cards को बना के बार बार एकी card को कैसे reuse कर सकते हैं और इसी के दोरान आप component reusability के दोरान ही आप props सीखते हो, कि components में कैसे हम props pass कर सकते हैं, अब props क्या है, properties, अच्छा अब properties क्या है, इसलिए तो कहा था, JavaScript के concept आपको पता होने चाहिए, properties नहीं पता, हम जब object बनाते हैं, हाँ जी, वो ही है, वो ही props है, वो ही properties है, वो ही object की properties है, इसलिए कहता हूँ, JavaScript के foundation जितने समझ में आएंगे, उतना काम आसान होगा, तो यह हो गई हमारी reusing of ये, उसके बाद एक important concept आता है, कि changes को propagate कैसे करें, मैंने बताया था ना भी just कि react के अंदर क्या होता है, आपके जो variables हैं, उनको आप change कर दिया, तो वो UI में reflect नहीं होते हैं, use, effect hook आपको मिलेगा और भी काफी hooks हैं लेकिन आपको 1000 hooks पढ़ने की जरूरत नहीं है क्योंकि hooks का concept समझना important है 5-7 hooks, 10 hooks आप पढ़ लीजे उसके बाद 11 hooks आपको पढ़ने की जरूरत नहीं है आपको खुद समझ में आने लग जाएगा अब कई लोग कहते हैं कि सर इस course में HTML का एक एक tag बताओ अरे आपको 2-3 tag, 5 tag अगर समझ में आने लग गए हैं इसी तरह से react में hooks अगर आपको basic foundation समझ में आ गया है तो आप बाकी के hooks भी खुद समझ लोगे, और hooks बहुत सारे हैं, use memo है, ये है, वो है, 50 तरह के hooks आते रहते हैं, छुट छुटे काम करने के लिए, बस इतना ही है, react हो गया, पर सर notes में तो और भी दिख रहा है, और भी कुछ लिखा हुआ है, react एक library है, और react का जो core foundational library का, वो इतना ही है, जैसे कि उनको multi page application, SPA, React बनाता है single page application, यानि कि page कभी reload ही नहीं होता है, हाँ जी सही बात है, अब page कभी reload ही नहीं होता है, तो आपको तो URL चाहिए, जैसे hiteshwadri.com slash profile, slash about, slash contact, तो जब page ही reload नहीं हो रहा है, तो हम नए URL पर कैसे जाएं, हाँ वहाँ पर manipulation होता है थोड़ा सा, अब router react की functionality नहीं है, इसके लिए आपको एक additional package install करना पड़ता है, जिसका नाम है react-router-dom अब नया package आ गया तो नई चीज सीख रहे हो आप जैसे react-library आ गयी थी वैसे ये भी एक library आती है तो जब नई library आ गयी तो हम ये कैसे कह सकते हैं कि हम react सीख रहे हैं अभी हम यहाँ पे आते हैं additional information जो हम react के बाद add-on सीखना चाते हैं तो react लमसम 5-7 वीडियो की कहानी है max-to-max बस एक weekend, दो weekend पे react खतम हो जाता है लेकिन क्योंकि लोगों का मन नहीं बढ़ता है, लोगों को additional और add-on सीखने होते हैं, इसलिए हम additional topic सीखते हैं, जैसे router नहीं होता रियाट के अंदर, तो हम router सीखते हैं कि किस तरह से routers का use कर सकते हैं हम रियाट के अंदर, सिर्फ इतना ही नहीं हम फिर state management भी सीखते हैं, क्यो पर रियाट के अंदर by default state management नहीं था, इसलिए कुछ libraries को introduce किया गया, ये भी अपने आप में standalone library है, ये javascript की library है, रियाट की library नहीं है, इन में से सबसे famous library है आपकी Redux, अभी जिसका Redux toolkit implementation आया, Redux ही है, लेकिन इसको थोड़ा सा easy बना दिया गया है, थोड़ा abstraction और ला दिया ग context API, यह भी क्या कर देता है आपको, कुछ नहीं, hooks ही देता है, जिससे आप state management easily करते हो, अब बहुत सारे लोगों को लगता है, सर मुझे तो direct state management सीखना है, नहीं, गलत, state management जब तक आपको realization ना हो कि, यार मुझे जरूरत है अब state management की, मेरी UI बहुत inconsistent हो रही है, या फिर मुझे जब आप उसकी need समझ जाएंगे, तब आपको ये सब easy लगेगा, और ये भी actually में add-on part है, react का part नहीं है सीखने का, इसके बाद कुछ लोग class-based component भी सीखते हैं, react क्या है, अभी की date में functional पूरा चल रहा है, सारा function के through है, आपके hooks वगरा सब function है, लेकिन जब react starting में आया था, त कहीं कहीं मतलब मैं कहूंगा कि कुछ 1% 1.5% जगह पे कुछ legacy code है भी भी जो कि class based component में चल रहा है अगर ऐसी company है तो पहली बात भाग जाए उस company से दूसरी company में switch कर लीजे क्योंकि इतना पुराना code base अगर legacy code base एक UI का front end का भी maintain हो रहा है तो गलती बात है ना अभी तो update हो जा थोड़ा से overview आपको दे दूँगा, वहाँ पे कुछ concept आते हैं, जो नोंने react की team ने swift से या फिर iOS से लिये थे, component did mount, component unmount, क्योंकि मेरा swift का अच्छा experience है, काफी iOS apps बनाई है मैंने, तो वहाँ पे ये सारा का सारा class based का जो concept है, ये नोंने mobile development से ही लिया था, अच्छा उसके ला� तो बहुत सारे market में product है back-end as a service, जैसे आपने नाम सुना होगा, एक famous नाम है यहाँ पे, app-write का, एक famous नाम आपने सुना होगा, firebase का, एक name आपने सुना होगा, superbase का, तो इस तरह के काफी concept है हमारे पास में, जो कि आपको देते हैं back-end as a service का, तो ये सारी organization या products क्या करते हैं, तो यहां से आप बनाते हैं social media की app बना लेते हैं, आपकी ठीक है मुझे तो social media की app बनानी है वहाँ पे, तो इस तरह से social media लोग direct बना लेते हैं, या फिर e-commerce app directly इनको use करके बना लेते हैं, अब मुझे पता है यह problem है क्योंकि react actually में आपको practice से आता है, तो इसके लिए मैंने already हाँ जी, open source के बारे में बात करेंगे, सिर्फ बात नहीं, हमने open source खुद का बनाया है, market में है, इसलिए बात करेंगे इस पर, ठीक है, उसके बाद चोटा सा एक concept आता है, कि ये सब तो हम करेंगे, हमारे projects में included हैं, ये सब add-ons भी हम सीखेंगे इस series के अंदरान, अब react आपने भी आप directly back-end में जाके switch कर सकते हैं कि नहीं मुझे तो back-end अच्छा लगता है मैं back-end के अंदर जाओंगा ठीक है कर सकते हैं लेकिन आपको लगता है नहीं यार मुझे थोड़ा front-end वगरा में मज़ा आ रहा है तो react के बाद आप क्या कर सकते हैं कि सबसे पहले जानी है react एक complete perspective से काफी खराब code होता है वहाँ पे आपके h1 tags वगरा ये सब इतने अच्छे से generate नहीं होते हैं तो आपके जो browser वगरा, search engine वगरा है वो उसको code को इतने अच्छे से नहीं पढ़ पाते हैं तो इसलिए वहाँ पे एक चोटा सा problem आता है browser rendering का एक issue होता है javascript react के थूँ, मतलब सारा code ship होता है javascript का browser के अंदर browser generate करता है HTML और CSS को, तो obvious ही बात है browser, आपकी website भी slow ही appear होगी हाला कि basic application में वो fast ही दिखता है लिखता है लेकिन कई बार ऐसा इशू आता है उसके अलावा बाई डिफॉल्ट को राउटिंग ऑप्शन नहीं है रियल के अंदर तो कुछ कमियां तो ऑविसी बात है जिनको वह सॉल्ड करना भी नहीं चाहिए लाइबरी इसलिए कुछ फ्रेमवर्क आते हैं जैसे एक ही framework के अंदर back-end भी लिख लो, front-end भी लिख लो, अझी, बड़ा अच्छा framework है, तो वो काम भी आप तभी अच्छे से कर पाएंगे, जब आपको properly back-end का knowledge होगा, उसको हम separately लेंगे, उसपे कभी और बात करेंगे, बट ठीक है, अभी तो हमने काफी detail में चर्चा कर लिया ह उसके बाद एक-एक करके हम पूरा का पूरा एक-एक खोलेंगे react को कि किस तरह से open होता है, किस तरह से एक-एक चीज काम होती है, लेकिन सबसे पहले एक-दो projects बनाने तो बनते हैं, तब ही तो confidence आएगा कि हाँ बनता तो है project, फिर देखेंगे कि कैसे काम होता है, तो उम्मी� तो उन सबी को भी आज शेयर कर दीजिये लिंकडिन पे वीडियो भी शेयर कर दीजिये और बता दीजिये सबको आ गए हैं वापस और तुफान के साथ शुरुआत करेंगे हमारे रियाक्ट जीएस की तो चलि�