- 4 months ago
🎯 What You’ll Learn Today
✅ What is Redux & Why do we need it?
✅ Understanding State Management in React (Problems with Prop Drilling & Context API)
✅ Core Concepts of Redux (Store, Actions, Reducers, Dispatch)
✅ Redux Workflow – How data flows in Redux
✅ Setting up Redux in a React Project (Step-by-Step)
✅ Using Redux Toolkit (Modern way of Redux)
✅ Real-world Example: Managing a Counter App with Redux
✅ Difference between Redux vs Context API – When to use which
✅ What is Redux & Why do we need it?
✅ Understanding State Management in React (Problems with Prop Drilling & Context API)
✅ Core Concepts of Redux (Store, Actions, Reducers, Dispatch)
✅ Redux Workflow – How data flows in Redux
✅ Setting up Redux in a React Project (Step-by-Step)
✅ Using Redux Toolkit (Modern way of Redux)
✅ Real-world Example: Managing a Counter App with Redux
✅ Difference between Redux vs Context API – When to use which
Category
📚
LearningTranscript
00:00:00झाल झाल
00:00:30झाल
00:01:00पुझ क्या है, किस तरीके से अपने
00:01:01Redux को यहां पर यूज करते है,
00:01:04वह सारी चीज़ों पर रिखंट करते हैं,
00:01:06चीक है, अब देखो,
00:01:07अगर अपन बात करते हैं अपने Redux की,
00:01:10अगर अपन बात करतें बात क्या है,
00:01:14Okay, are you a minute.
00:01:14अब देखो अगर अपन यहाँ पर बात करते हैं अपने रिडक्स की तो रिडक्स बेसिकली यहाँ पर क्या है अपने इस्टेट जो अपने इस्टेट यहाँ पर लेते हैं
00:01:26इस्टेट मेनेजमेंट यहाँ पर क्या है अपने पास अपना लाइबरेरी है अपने पास रिडक्स अब बेसिकली अपने पास रिडक्स काम आता है अपने इस्टेट को मैनेज करने के लिए अब आप बोलोगे कि सर ये काम तो यूज स्टेट से भी हो रहा था अपने पास ज
00:01:56पढ़ाथा इससे से भी अपने पास यहां पर पर इस्टर Smnarade करते हो।
00:02:26झाल झाल
00:02:56तो यहां पर अपन की सीच पर डिसकस कर रहे हैं अपने
00:03:22पर अपन यहां पर डिसकस कर रहे हैं एक बार मैं देख लेता हूँ वोईस और ठीक है सब कुछ परफेक्ट है अब देखो यहां पर रिडक्स जो है वो अपने पास काम आता है किसके लिए अपने इस्टेट मैनेजमेंट के लिए यह अपने पास इस्टेट मैनेजमेंट के �
00:03:52तो वाहां पर जो state management अपन करते हैं, वो अपन use state के थूँ यहाँ पर अपन कर लेते हैं,
00:03:58योज श्टेट के थूँ अपना easily वो काम हो जाता है, अगर अपन state management करना चाते हैं,
00:04:02लेकिन जैसे अगर अपन बात करें अपने बड़े प्रोजेक्स के लिए, जैसे बड़े प्रोजेक्स के लिए, जैसे बड़े प्रोजेक्स के लिए, जैसे बड़े प्रोजेक्स के लिए, जैसे बड़े प्रोजेक्स के लिए, जैसे बड़े प्रोजेक्स के लिए, जैसे ब
00:04:32अपना 2015 के अंदर आया था
00:04:34इसके दुरू यहाँ पर अपन अपना
00:04:36complete state management कर सकते है
00:04:38अब बड़े projects पर जब अपन काम करते हैं
00:04:41तो अपने पास इसका solution एक यह भी था
00:04:43कि अपन data को जो share कर सकते
00:04:44multiple components में वो अपन share कर सकते
00:04:47prop drilling के दूरू जो अपन ने देखा था
00:04:48एक component से दूसरे component में
00:04:50तीसरे component में इस तरीके से अपन
00:04:51prop drilling कर रहे थे
00:04:52लेकिन यह problem जो अपने पास थी
00:04:55यह सारी चीज़े यह problems थी
00:04:57इसके अंदर ठीक है इसके अंदर अपने पास
00:04:58बहुत सारी problems थी कि यहाँ पर
00:05:00अपना जो performance है
00:05:03वो weak हो रही थी ठीक है
00:05:04तो उसकी जगे अपने पास यहाँ पर
00:05:06अपना context API आया था
00:05:07तो अब कई applications जो है
00:05:10वो context API के उपर भी काम कर रही है
00:05:12और कई applications जो है
00:05:13अब जो जितनी भी नई applications बनती है
00:05:15उसमें Redux का use होता है
00:05:17ठीक है क्योंकि पहले यहाँ पर context API की
00:05:20थूपन यहाँ पर सारे state management
00:05:21इजीली कर पाते थे
00:05:22अपना context क्रियेट करके
00:05:24लेकिन उसके बाद इसका solution आया
00:05:26Redux
00:05:26Redux के तुरू अपन यहाँ पर क्या करते है
00:05:28Redux के तुरू जो cool लिखते है
00:05:29उसमें less boiler plate अपने पास यहाँ पर होती है
00:05:32जैसे थोड़ा सा और discussion अपन करते है
00:05:35इसी के उपर अब देखो यहां पर अपने पास रिडक्स जो है एक तो अपने पास आता अपना रिडक्स और एक अपने पास आता अपना रिडक्स टूल किट ठीक है एक तो अपने पास क्या अपना रिडक्स टूल किट है अब देखो यहां पर अगर अपने बात करें अपने
00:06:05यहाँ पर अपने पास less boiler plates यहाँ पर अपने पास होती है, अपने किसके अंदर Redux Toolkit के अंदर, यहाँ पर जो boiler plates होती है, वो too much boiler plates होती है, मतलब 40 to 50 lines यहाँ पर अपने को लिखनी पड़ती है, एक complete setup करने के लिए, ठीक है, मतलब यहाँ पर जो भी अपन actions हिट करवाते हैं, �
00:06:35dispatch क्या होता है, अगर अपन dispatch की बात करते हैं, यहाँ पर अपने पास अपना selector क्या होता है, वो सारी चीज़े अपन यहाँ पर discuss करने वाले हैं, लेकिन Redux के तरू जब अपन यहाँ पर use लेते थे, जो अपने पास all version है, अपना all Redux है, जो पहले use लिया जाता था, अब तो
00:07:05उसमें अपने पास lines बहुत जादा हो जाती थी, लेकिन अगर अपन यहाँ पर बात करते हैं, अपने Redux Toolkit की, तो यह अपने पास Redux Toolkit आया अपना 2019 के अंदर, जिसके तरू अपन यहाँ पर easily boiler plates जो है, बहुत जादा कम हो गई थी यहाँ पर, चीक है?
00:07:35कै तर अपन यहा है 56.
00:07:52ह वाँ उहा है यहाँ परे म।य करता सो ख आया?
00:08:00ओ ओ ओ ये तो बहुत बड़ी मिस्टेक हुए सर स्क्रीन शेयर नहीं आ रहा सर स्क्रीन शेयर नहीं किया है क्या स्क्रीन शेयर किया ही नहीं मैंने
00:08:10सॉरी सॉरी सॉरी
00:08:13कोई सारी चीजे एक्स्प्लेइन यहां पर कर रहा था लेकिन स्क्रीन शेयर करी नहीं है अपने
00:08:24ठीक है कोई बात नहीं वापस रिपीट कर लेते हैं पने उसी चीट को
00:08:31इस्क्रीन शेयर नहीं करी मैंने
00:08:34तब ही मैं सोचू
00:08:38आप ऐसे कैसे बोल रो कि सर
00:08:40नोट येट जिस सेइंग अबाउट रिडक्स औरल
00:08:42स्वारी
00:08:44अब देखो यहाँ पर अपने एक बार वापस डिसकस करते हैं अपने रिडक्स के उपर
00:08:51जो रिडक्स की अपन यहाँ पर बात कर रहे है
00:08:53रिडक्स अपने पास यहाँ पर क्या है अपने स्टीट मैनेजमेंट के लिए काम आता है अपना रिडक्स
00:08:57ठीक है? ये सारे चीजे मैंने आपको हलागी जो भी रामाईंती हुँ मैंने आपको सुना ही थी
00:09:01अब मैं आपको वापस से उसी को समझाता हूँ
00:09:03कि अपने पास एक तो क्या अपना Redux है
00:09:06और एक अपने पास क्या अपना Redux
00:09:08Toolkit अपने पास यहां पर है
00:09:09तो चीजజेंब अपने पास आत
00:09:17यहां पर अपने बात करते हैं
00:09:39अपने पास यहां पर थी अपने किसके अंदर रिडक्स टूल किट के अंदर दोनों सेम ही है यहां पर रिडक्स जो है उसी का ही फ्रेमवर्क अपने पास यहां पर अपना रिडक्स टूल किट है इस पर भी अपन डिसकस करेंगे तो बेसिकली अपने पास यहां पर जो रिड
00:10:09जिसमें अपने पास डूंप के लिए अब यहां पर नूंपर क्या बात हो गई कि मेरे पस basketball है यह
00:10:27इसमें है पने पास रेंडर हए यह वाला यहां बया है यह वाला और
00:10:33यह वाला और इसके अंदर भी मैं यहां पर कह रहा हूं यह एक component है यह component है अब मैं को यहां से data बेजना है और कहां पर बेजना है इस वाले component के अंदर तो यहां पर इसका solution होता है अपने किसके थूरू
00:10:47रिडक्स के थूरू हाला कि इसका solution अपन context API से भी कर पा रहते हैं अपने को प्रोवाइड करनी है तो उसके लिए अपन यहां पर रिडक्स का यूज ले सकते है ठीक है तो यहां पर अगर अपन बात करते हैं
00:11:11रिडक्स की और रिडक्स टूल किट की तो रिडक्स का जो अपन यहां पर बात करते हैं सिंटेक्स इसका थोड़ा सा complex syntax था और अब तो हलाकि इसको यूज लेते तो कोई दिक्कत वाली बात ही नहीं आपको दिक्कत आने वाली नहीं रिडक्स के syntax को समझने में लेकिन रि�
00:11:41तो अब देखो यहां पर जब अपन रिडक्स टूल किट की बात करते हैं तो यहां पर कई चीजे हैं जो अपन यहां पर discuss करने वाले एक तो अपने पास होगा अपना store एक तो अपने पास यहां पर क्या आने वाला है store एक अपन यहां पर बात करेंगे अपने slice की जो अपन
00:12:11दिस्कस करेंगे, अभी सिर्ट मैं आपको असिंग धंग को तो सिर्फ बता रहा हूँ कि यह भी अपने पास यहाँ पर होता है।
00:12:28यह सारे आपको कुछ चीजे हैं जो सुनने को मिलेगी redux tool kit के अंDR, तो यह सारे चीजे आपन यहाँ पर use करने वाले हैं।
00:12:36अब देखो पन इसको समझते step by steps
00:12:40ठीक है तो चलो आ जाओ पन इसको समझते एक बार के लिए मैं Redux के उपर यह आ जाता हूँ
00:12:57अब देखो यहाँ पर Redux अपने पास क्या है?
00:12:59जावा स्क्रिप्ट की लाइबरी लिए जो अपने पास यहाँ पर काम आती है अपने global state management के लिए
00:13:04यह आपको क्या करता है? centralized यहाँ पर state management के लिए काम आता है
00:13:09centralized store आपको provide करता है जिसके थूर आप अपना data share कर सकते हो
00:13:13किसी भी component के अंदर जिस भी component में अपने को data share करना है
00:13:16उस component में अपना data share कर सकते हैं
00:13:19आपर किस के थूर अपने Redux toolkit के थूरू
00:13:22ठीक है? Redux के थूरू
00:13:23Redux, Redux Toolkit ठीक है?
00:13:25अब देखो यहाँ पर अपने बात करेंगे अपने Redux Toolkit के उपर
00:13:27क्योंकि Redux Toolkit को अपन यहाँ पर क्यों यूज ले रहे हैं
00:13:30क्योंकि Redux Toolkit का जो Setup है वो Easy है
00:13:34Less Boiler Plate है
00:13:35पहले यूज होता था अपने पास अपना Redux
00:13:37Redux का Setup अगर आप देखोगे तो बहुत थोड़ा सा
00:13:40अपने पास Complex Setup है इसका
00:13:41और इसको समझने में भी यह समलो की
00:13:44थोड़ा सा ऐसे लगेगा कि क्या Setup है यह
00:13:46अगर आप चाहते हो तो इसका Setup मैं आपको एक बार बता सकता हूँ
00:13:49लेकिन अपन यहाँ पर यूज करेंगे अपना Redux Toolkit
00:13:53और Companies के अंदर भी यहाँ पर Redux Toolkit से
00:13:55रिलेटेड ही questions आप से पूछे जाएंगे
00:13:57रिलेटेड आप से questions नहीं पूछे वाले कि Redux का Setup कैसे करते है
00:14:00जितने भी पुराने Applications बने वे
00:14:03वो भी सारे यहाँ पर उसको Redux Toolkit में Convert किया जा रहा है
00:14:06क्योंकि boiler plate जो है वो less है अपने पास
00:14:09अब वो less है इसका मतलब optimized है अपने पास पुरा complete
00:14:13और थोड़ा सा complex हो जाता है चीजों को समझने के लिए कि
00:14:15क्या चीज कहां पर hit हो रही है क्या सारी चीजे चल रही है
00:14:18क्या flow चल रहा है ठीक है तो उसमें थोड़ा सा यह मालो कि
00:14:22बहुत ज़्यादा complex हो जाता है तो हो सकता है कि आप अगर
00:14:26Redux का setup देखोगे तो उसमें यह भी कह सकते हो कि
00:14:28सर उपर से गया कुछ समझ में नहीं आ है क्या हुआ है तो वो है और अगर अगर अपन बात करते है
00:14:34Redux toolkit की तो Redux toolkit में easy सा setup है
00:14:37easy चलती है सारी चीजे किस तरीके से अपन इसका setup करते है वो सारी चीजे अपन यहाँ पर
00:14:42देखते है तो basically यह Redux toolkit अपना टूल ही है Redux का टूल ही है जो अपने centralized state प्रोवाइड करने के लिए काम आता है
00:14:49अपने इस टूर्स को प्रोवाइड करने के लिए काम आता है तो अपन Redux toolkit के पर आते है अपन एक बार के लिए ठीक है तो यहाँ पर वही सारी चीजे इसमें यहाँ पर mention कर रखी है
00:14:59कि documentation आपको बननी पड़ेगी क्या documentation है किस तरीके से पन Redux को यहाँ पर use करते है सब चीजे यहाँ पर इसने दे रखी है तो Redux toolkit पर आते है और मैं यहाँ पर करता हूँ इसको get start
00:15:09अब देखो यहाँ पर इस सारी चीजे इसने बता रखी कि अगर आप Redux toolkit के साथ अपना react का project setup करना चाते हो तो सबसे पहले अपना create react app करके आपको अपना जो project है वो create करना पड़ेगा ठीक है
00:15:21wheat के साथ आप create करना चाते हो तो wheat के साथ भी आप यहाँ पर create कर सकते हो वो सारी चीजे यहाँ पर इसने बता रखी है चीक है वो सारी चीजे यहाँ पर इसने देखो यहाँ पर ही सारी चीजे बता रखी है क्या क्या चीजे अपने को यहाँ पर install करना पड़ेगी सब चीज
00:15:51बैकेंड पर कोई डिसकेशन नहीं करेंगे, बैकेंड का जो जैसे एसिंग ठंग की सारी चीज आती है, उस पर अपन कोई डिसकेशन नहीं करने वाले हैं, जैसे अपने एक बार के लिए यहां पर सर्च करते हैं, अपना Redux, मैंने यहां पर लिखा Redux, और Redux में अपन यहां �
00:16:21यहां पर एक बार के लिए इसका screenshot लगेता हूं,
00:16:51जैसे यह अपने पास है, इसके तुरू अपन यहां पर समझते हैं, अब देखो यह Redux का खुद का ही image है, अपने पास image है, अब देखो अपन यहां पर समझते हैं, इसको किस तरीके से अपने पास यहां पर होता है, अब मैंने आपको यहां पर बताए, एक तो अपने पास
00:17:21value यहाँ पर 10 है अब यह आप x की value 10 यहाँ पर store में आपने
00:17:26store करवा दी अब आपने यहाँ पर एक button मना दिया एक button अपने
00:17:29पास यहाँ पर क्या है increment का button है ठीक है increment का
00:17:33इसके थूर अपन समझ लेते हैं increment, decrement और उस x की value
00:17:36को 10 को आपने यहाँ पर print भी करवा रहा है एक button आपके
00:17:39पास यहाँ पर है decrement का मैं यहाँ पर कहरता हूँ कि यह
00:17:41मेरे पास क्या है decrement का मेरा यहाँ पर button है जब आप इस
00:17:44पर click करोगे आपकी value increase होगी जब इस पर click करोगे यह
00:17:47decrease होगी, लेकिन यह जो आपके पास
00:17:4910 value आ रही है, यह 10 value آ रही है
00:17:52आपके redx के store के store
00:17:54से, ठीक है, यह कहां से आ रही है आपका
00:17:55जो redx का store है, वहाँ
00:17:58से आपकी यह value आ रही है
00:17:59मतलब यह एक state ही है, जो आपने
00:18:01कहा कहा पर store करा रखी है, अपने
00:18:02Redux के Store के अंदर यहां पर Store करवा रहा है
00:18:05जैसे यहां पर यह बता रहा है Store
00:18:06तो इस तरीके से अपने पास एक Store होता है
00:18:09यह View और UI अपने पास क्या है
00:18:11जो अपन React से यहां पर अपना
00:18:13UI Create करने वाले है
00:18:14React के थूँ जो अपना User Interface बनाने वाले है
00:18:17वो अपने पास यह अपना UI है
00:18:19अब basically यहां से यह बता रहा है Dispatch
00:18:22अब यह Dispatch क्या हो रहा है
00:18:23Dispatch देखो यहां पर कव वर्क करेगा
00:18:25जब आप यहां पर Click के उपर कुछ Activity करवा होगे
00:18:29जैसे मालो मैं यहां पर Increment पर अपना On Click लगाने वाला हूँ
00:18:31कोई डिक्कत ही नहीं उसके अंदर तो
00:18:33यहां पर इसके उपर भी अपना On Click लगाने वाले है
00:18:36अब मैंने आपको बताया था कि इसके अंदर अपने पास एक तो Use Dispatch आता है
00:18:39ठीक है और एक अपने पास आता है अपना Use Selector
00:18:44अब यहां पर Use Dispatch क्या काम आता है
00:18:49Use Dispatch काम आता है आपके यहां से front end से कोई भी जो भी पेलोड होता है
00:18:56पेलोड मतलब कोई भी डेटा या फिर front end से कोई भी यहां पर अपने को कुछ भी डेटा भीजना है
00:19:02या फिर कोई भी activity या फिर कोई भी statement आपको यहां पर भीजना है
00:19:06जैसे मालो increment है तो increment का अपने पास क्या हो गया? अपना statement हो गया. तो basically use dispatch काम आता है अपने payload या statement को बीजने के लिए अपने action तक. मतलब क्या action यहाँ पर hit हुआ है? जैसे मालो आपने increment वाले button पे click करा, तो on click पे आपका use dispatch यहाँ पर work करने वाला है.
00:19:23on click पे क्या work करेगा आपका? use dispatch. इसका मतलब जब आप इस button पे click करोगे, on click पे आपका use dispatch work करेगा जो आपकी action को लेके जाने वाला है यहाँ action तक. चीक है? तो यहाँ पर अपना dispatch क्या काम आता है? जो भी सारा अपने पास यहाँ पर function work करने वाला है, वो सारा functionality work करेगे अपने
00:19:53reducers यहाँ पर क्या होता है? reducers basically अपने पास यहाँ पर जो भी अपन logics लिखते हैं, वो अपन यहाँ पर अपने reducers के अंदर ही pass करते हैं. जो भी logics अपन यहाँ पर लिखने वाले हैं. तो यहाँ पर reducers में अपने पास क्या आएंगे अपने जो भी logics लिखने वाले हैं. ज
00:20:23उसको आपको increase करना है अब logic तो अपनी लिखेंगे increase करना प्लस प्लस कर देना उसकी value को तो basically यहाँ पर क्या करेगा x की value को एक प्लस कर देगा 11 तो वो आपकी store के अंदर वो value update होके क्या हो जाएगी 11 तो वो अपनी value यहाँ पर update हो गई और यह जो आपका subscribe है यहाँ पर subscribe आ�
00:20:53के थुरू print हो कह रहा है directly आपके reduce के store के थुरू तो यहाँ पर basically सारा काम कर रहा है आपका store बेसिकली यहाँ पर क्या है आपका centralized store है जो अपन यहाँ पर किसी भी component में अपनी data को यहाँ पर centralized अपन प्रोवाइड करवा सकते है कोई भी data जैसे मालो आप array of object का data है तो वो भी
00:21:23add to cart की functionality के लिए add to cart तो आपने subject के गरा है हर website के अंदर add to cart की functionality में सबसे ज्यादा use होता है जैसे मालो आप wishlist कर रहे हो चीक है wishlist आप कर रहे हो तो wishlist में भी अपना reduce के थूपन यहाँ पर use लेते है कि जैसे button पे click हुआ जैसे cart वाले button पे click हुआ तो वो उस user के लिए जिस user
00:21:53सारी process होती है तो basically अपने पास यहाँ पर क्या है अपना यह add to cart की functionality लगाना इसके लिए अपन यहाँ पर use लेते है इसको ठीक है तो यहाँ पर जैसे मालो यह store से अपने पास एक अपना object आ रहा है अपने add to cart करा तो यहाँ पर इसके अंदर update हो गया तो यह जो आपने array ले
00:22:23या फिर अपने पास अपनी string भी हो सकती है या फिर अपने पास अपना number भी हो सकता है जैसे मैंने यहाँ पर value गोला कि 10 value 30 10 value को अपने update करवाया तो 10 value अपने पास यहाँ पर update हो गई चीक है तो यह सारे चीज़े यहाँ पर होती है तो I hope कि आप समझ पा रहे हो कि Redux को अ�
00:22:53जिसके थुरू मैं यहाँ पर सारा काम करने वाला हूँ मैं एक बार वापस ओचीजे रिपीट करता हूं जो important है जिसके थुरू आपको विदिक्कत आने वाली नहीं है तो वही चीज़े एक बार मैं वापस रिपीट करता हूं पहला मैंने यहाँ पर बताय कि अपने पास �
00:23:23अब यहां पर अपन अपने फ्रन्टेंड के अंदर किसी भी बटन पर या फिर किसी भी activity के उपर अपने को क्या करना है.
00:23:29अपने इस्टोर के अंदर management को अपडेट करवाना है.
00:23:33तो वो अपन करवाएंगे यहां पर अपने यूज णिस्पैच के थूरू.
00:23:36चीक है, use dispatch के थूँ
00:23:39और अपने store में से कोई भी value
00:23:41अपने को अपने front end पे print करवानी है
00:23:43तो वो अपन यहाँ पर करवाएंगे
00:23:45अपने use selector के थूँ
00:23:47चीक है, use selector के थूँ
00:23:49तो use dispatch और use selector
00:23:51अपने user interface पे ही काम आते है
00:23:53यहाँ से अपन क्या करते हैं
00:23:55अपने action को hit करवाते हैं
00:23:57कि क्या action आपको hit करवानी है
00:23:59और use selector के थूँ पर यहाँ पर क्या करते हैं
00:24:01कि store से क्या आपको
00:24:03यहाँ पर state लाके print करनी है
00:24:05और किस component में आप print करवान जाते हैं
00:24:07क्योंकि वो state आपकी centralized state है
00:24:09जहाँ पर भी आप use selector use लोगे
00:24:11वहाँ पर आप वो सारी state print करवा सकते हो
00:24:13वो सारा data print करवा सकते हो
00:24:15तो यहाँ पर अपने पास
00:24:17एक तो use dispatch है और एक use selector है
00:24:19दो चीज़ याद रखनी है
00:24:20फिर उसके बाद अपने पास एक तो आएगा
00:24:23अपना store अपने को create करना पड़ेगा
00:24:25कैसे create करते हैं
00:24:26syntax आपको समझना पड़ेगा
00:24:28अभी मैं समझाओंगा वो सारी चीज़े
00:24:29practically भी अपन सारी चीज़े करेंगे
00:24:30उसके अलावा अपने पास अपना reducers आता है
00:24:33और अपने पास जो अपना reducers है
00:24:35उसका अपन यहाँ पर setup करते हैं
00:24:37किसके अंदर अपने slice के अंदर
00:24:38ठीक है
00:24:56करके रखते है
00:24:57जब आपका action हीट होगा
00:24:59use dispatch के थूँ
00:25:00तो वो उस reducers के अंदर जाके ही देखेगा
00:25:02कि क्या logic लिखावा है और उसके basis पे
00:25:04store के अंदर क्या value आपको
00:25:06क्या state आपको update करनी है
00:25:08वो सारा काम होगा
00:25:09अब store के अंदर जो भी value update हुई है
00:25:11उसको front end पे वापस लाके
00:25:12print करवाने का काम करेगा
00:25:14आपका use selector
00:25:15यहां तक की रामाइन आपको समझ में
00:25:18कि क्या समझा है मैंने
00:25:20कि क्या होता है
00:25:21use selector अपने पास काम आएगा
00:25:25अपना store से कोई भी
00:25:28state को लाके print करवाना है
00:25:30front end पे और use dispatch कि
00:25:32इस action को अपने को यहां पर hit करवाना है
00:25:34मतलब क्या काम अपने को यहां पर करवाना है
00:25:36वो काम आएगा अपना use dispatch
00:25:39चीक है
00:25:40समझ मैं कि यहां तक की चीज के लिए रहा है आप सभी को
00:25:59अगर यहां तक की चीज के लिए रहे तो एक बार कमेंट करके बताओ
00:26:01कि यह सर किलियर है
00:26:02थोड़ा थोड़ा समझ आ रहा है
00:26:14किलियर सर यह सर किलियर
00:26:16अब देखो यही चीज आपको बिल्कुल easily समझ में आने वाली है
00:26:20अगर यह redux का setup आपको अच्छे से समझ में आ गया तो फिर कोई दिक्कत ही नहीं है
00:26:23और इस setup को अपन करते है
00:26:25और इस setup के बाद ही अपन आगे continue करेंगे एक बार इस setup को अपन करते है
00:26:30अब देखो redux के अंदर अपन redux का setup समझने के लिए
00:26:34सबसे easy है अपने पास हुई increment और decrement create करना
00:26:38increment और decrement वाला
00:26:41increment और decrement वाला ही अपन यहाँ पर create करेंगे
00:26:46redux के तुरू और इसना example जो दे रखा redux toolkit के अंदर
00:26:49वो same example है अपने पास यहाँ पर
00:26:51तो एक बार के लिए मैं redux toolkit पर आ जाता हूँ
00:26:53और अपन इसका setup करते है जल्दी से तो अब practical पर आता है
00:26:56अब आपको चीज़े और easily समझ में आने माली है अगर आपको theoretical
00:26:59part जो मैंने आपको समझा है कि क्या flow रहता है क्या सारी
00:27:02चीज़े रहती है अगर यह चीज़ आगर आपको समझ में आ गई तो अब आप इसको
00:27:05practically easily समझ सकोगी कि सारा flow किस तरीके से यहां पर अपने पास
00:27:09चल रहा है तो चलो और Redux सिर्फ यहीं कतम नहीं होता आप सोचू कि Redux
00:27:17यहीं पर कतम हो जाएगा जहां पर मैं आपको बता रहा हूँ Redux बैकेंड के अंदर
00:27:21भी आएगा क्योंकि जब अपन एक प्रोजेक्ट बनाएंगे उसके अंदर Redux को अपन यूज करने वाले हैं अपन यहां पर Context API से भी कर सकते है काम लेकिन अपन Redux यूज करेंगे
00:27:31अगर आप बोलूगे कि Sir Context API से कर सकते है क्या तो अपन Context API से भी कर सकते है उस चीज को जो अपन Redux के तुरू कर रहे हैं
00:27:46कि
00:28:01अब देखो यहां पर अपन इसका सैट अप देखते की Redux का सैट अपन यहां पर किस तरीके से करते हैं
00:28:29समझना है सीच को यहां पर अपन एक नया फोल्डर बना लेते हैं इसे में यहां पर आ जाता हूं और यहां पर अपन एक नया फोल्डर बनाते है जिसको अपन यहां पर कह देते हैं अपना Redux ठीक है
00:28:38ठीक है, Redux का अपन एक नया folder बनाया और इस नये folder के अंदर ही अपन यहाँ पर setup करते हैं, मैं इसको close कर देता हूँ,
00:28:44टर्मिनल को open कर लो, और react का setup कर लो जल्दी से, git bash को अपन यहाँ पर open कर देता है, npm, और मैं यहाँ पर कहता हूँ, create, wheat, address, latest, ठीक है, यहाँ पर अपन वीट के तुरू कर रहे setup, तो यह अपने वीट के तुरू यहाँ पर setup करा, project का name कर दो, project का अपन यहाँ पर कहता है, अ
00:29:14यहाँ पर किसमें आ जाता हूँ, redux toolkit में, npm, install, यह सारी command से यहाँ पर लिख दू, यह तो basically अपने वी setup करा है, अब देखो, यहाँ पर अपन आते है, इसकी quick start guide के उपर, और इसने सारा आपको यहाँ पर बता रखाएगी, किस तरीके जा आप इसको use कर सकते हो, introduction दे रख
00:29:44react redux को, यह जो आपका react redux है, यहाँ से आपका use selector और use dispatch आने वाला है, मतलब यहीं से अपन इंपोर्ट करने वाले हैं इन दोनों चीज़ों को, और जो अपने पास reduce tool kit है, यहाँ से अपने पास आपका एक तो configure store आने वाला है, और एक अपने पास अपना create slice आने वाला है, म
00:30:14selector है और जो dispatch है, यहाँ से यह दोनों चीज़ इंपोर्ट होगी, यह आपको पता होना चीज़ों कहां से क्या import हो रहा है, जावा स्क्रिप्ट के लिए कर रहा है अपन तो type script वाली बात नहीं चल रही है, अब देखो यहाँ पर सबसे बोल रहा है, पहले बोल रहा है कि आ�
00:30:44है, src में आ जाते है, app.gs को मैं यहाँ पर blank कर देता हूँ और इसको यहाँ पर वापस से create कर लेता हूँ और इसमें सिर्फ ही catchment tag ले देता हूँ जिसमें पर यहाँ पर कह देते है अपना
00:30:52Redux Toolkit, ठीक है, app.css पर आ जाओ, और इसको हटा दो, app.css वाले को, index.css पर आ जाओ, इसको भी हटा दो, और यहाँ पर सब कुछ बंद कर दो, और आ जाओ अपने app.gsx के उपर, ठीक है, यहाँ पर आ जाओ, यह Redux Toolkit अपने पास यहाँ पर लिखा हूँ आ रहा है, अब स�
00:31:22कर लेता हूँ, और front end में इन दोनों चीज़ों को इंस्टॉल कर लेता हूँ, CD करके अपन किसमें आ जाते है, Redux Toolkit में, और अपने यहाँ पर इंस्टॉल किट और React Redux को, यह लो गाई, दोनों चीज़ों को इंस्टॉल कर लो, दोनों चीज़ों आपकी इंस्टॉल हूँ �
00:31:52करना पड़ेगा, जहां से आपको centralized state provide होगी हर component के अंदर, तो सबसे पहले आपको अपना, यहाँ पर क्या create करना है, store create करना है, मतलब Redux Toolkit से आपको import करना पड़ेगा, अपना configure store, जिसके अंदर आप अपना reducer pass करने वाले हूँ, बस इतना सा काम अपन यहाँ पर करने वाल
00:32:22सकेगा, कैसे बना रखा है, नहीं तो कुछ भी नाम रख सकते हो, आपने folder का, तो अपन तो app नाम से बना लेते हैं, मैं यहाँ पर src के अंदर ही एक folder बना लेता हूँ, और उस folder को name अपन यहाँ पर क्या दे देते है, app, app नाम का folder मैंने यहाँ पर create करा, और उसके अंदर
00:32:52इंपोर्ट कर लो, कहां से इंपोर्ट करोगे, मैं इंपोर्ट करूँगा, इंपोर्ट अपन यहाँ पर कर लेते है, किसको इंपोर्ट करना है, from और react, Redux Toolkit अना अपना पास, add the red करके दे रखा होगा, उसने, Redux JS Toolkit, ठीक है, इसमें से अपन यहाँ पर क्या बुलाएंगे
00:33:22इसके अंदर अपन यहाँ पर क्या करेंगे, अपना, इसी के अंदर अपन यहाँ पर पास करेंगे, अपना Reduxer, और Reduxer को अभी के लिए में ब्लैंक छोड़ रहा हूँ, और कुछ नहीं करा, ठीक है, यहाँ पर इसने यही काम कर रखा, अगर आप देखो कि Configure Store को यहाँ �
00:33:52अभी के लिए तो same syntax अपन follow कर लेते हैं, और मैं यहाँ पर इसको कर देता हूँ, क्या अपना Export, मैंने Export कर दिया, ठीक है, अब Export क्यो कर रहा है, क्योंकि यह कहीं ने कहीं अपना Import होने वाला है, अब देखो यह जो Store है, Store basically क्या काम आ रहा है, Centralized Store Provide करने के लिए, Centralized आपकी
00:34:22Store आपको सारे components को provide करना है, इसका मतलब जो आपका index.js वाली फाइल है, उसके अंदर आपको एक तो store को क्या करना, import, और दूसरा आपको provider को import करना, जो आपका reactor redux से आने वाला है, ठीक है, तो चलो यहाँ पर यह काम भी कर लेते हैं, मैं आ जाता हूँ, अपने index.js के उपर
00:34:52सबसे पहले मैं यहाँ पर import कर लेता हूँ किसको अपने provider को, यह लो भाई, आप यहाँ पर लगाओ अपना from, और यहाँ पर कहां से आएगा, react, redux से आपका आने वाला है, और क्या आने वाला है आपका यहाँ पर, provider यहाँ पर आने वाला है, तो provider को मैंने यहाँ पर import कर ल
00:35:22और store के अंदर अपन यहां पर क्या पास कर देंगे
00:35:25जो store अपने अपना
00:35:27क्या कराता एक्सपोर्ट कराता
00:35:29देखो यह रहा
00:35:30app के अंदर अपने बनाया था
00:35:31app folder में store.js इसको मैंने यहां पर पास कर दिया
00:35:34इसका मतलब यह है
00:35:35कि जो आपने अभी store अपना create करा है
00:35:38वो आपका centralized store है
00:35:40app.jsx के अंदर जितने भी components बनेगे
00:35:42उन सभी components के लिए
00:35:44पहली step अपने यहां पर complete कर लिए
00:35:46मतलब अपने store प्रोवाइड कर दिया
00:35:48सारे components को
00:35:49अभी के लिए आपका जो store है वो अभी क्या है यहां पर
00:35:52कुछ नहीं है कोई data नहीं है
00:35:54सबसे second बात यहां पर आपको
00:35:56एक extension यहां पर
00:35:58install करना पड़ेगा इसके अंदर भी शायद install नहीं है
00:36:00पर install कर लेते हैं
00:36:02यहां पर आजाते है manage extensions पर आजाते हैं
00:36:04नहीं है इसके अंदर install
00:36:05chrome web store पर आजाओ और extension
00:36:08अपने पास यहां पर अपना
00:36:09Redux toolkit
00:36:11नहीं तो Redux करके
00:36:24new tools करके यहां पर extension है
00:36:25इसको यहां पर install कर ले ना मैंने यहां पर
00:36:27इसको install कर लिया चीक है और
00:36:30इसको यहीं पर
00:36:32पिन कर तो अपने अब देखो
00:36:34यहां पर अपन इसका
00:36:36setup करते जाते हैं अब ही देखो अगर आप
00:36:38देख रहे हो तो यह जो अपना Redux toolkit
00:36:40जो extension है यह
00:36:42यहां पर इसको मैं यहां पर open भी करता हूँ
00:36:44जैसे
00:36:44inspect करके आ जाओ और
00:36:48यहीं पर अपने पास option आ जाएगा अपने Redux का
00:36:50यहां से भी अपन इसको open कर सकते है
00:36:52ठीक है मैंने open करा
00:36:54कुछ भी नहीं है सब कुछ बता रहा है no store found
00:36:57कोई store है ही नहीं कुछ भी नहीं हो अभी
00:36:58ठीक है तो अब भी जो आपका
00:37:00Redux का यह जो लोगों दिख रहा है आपको यह
00:37:02extension का यह भी आपको white color का दिख रहा है
00:37:04जैसे complete setup हो जाएगा perfect setup है
00:37:06कोई दिक्कत है ही नहीं कोई error भी नहीं है
00:37:08तो यह green color का हो जाएगा
00:37:10देखते हैं होता है कब होता है
00:37:12जैसे अपन किसी दूसरी website पर आता हूं
00:37:14the sold store के उपर अगर उसने
00:37:16use करा है तो अटोमेटिकली अपने को पता चल जागा
00:37:18अगर उसने use करा है तो अपने को पता चल जागा
00:37:18इसने यहां पर अपना
00:37:24रिटक्स store यूज़ कर रखा है या नहीं कर रखा
00:37:26यहां पर आओ और
00:37:28एड़ टू काट करो एक बार के लिए
00:37:30इस पे नहीं आ रहा
00:37:47कोई बात नहीं दूसरी website पर जाओ
00:37:50Amazon पर जाते हैं
00:37:51Amazon ने तो में भी करी रखा होगा
00:37:53इस पे विनिया रखा होगा
00:38:23एड़ टू काट करके देखते कुछ ने कुछ अपन
00:38:29यह क्या गाड़ी चला लिए पन ने
00:38:32लॉग इन नहीं रखा गया पन अकाउंट
00:38:35एड़ टू काट करने नहीं देगा यह भी के लिए
00:38:42प्रोसेस टू चेक आउट करो
00:38:44लॉग इन के लिए बोल रहा है यहां पर
00:38:48सोल्ड स्टोर था तो सहीज में रिड़क्स का यूज कर रखा था अपडेट कर दीगा
00:38:56इसने पनी वेबसाइट को
00:38:58यहां पर आओ
00:39:00चेक करना पड़ेगा इसने क्या चेंजिस कर दीए इसमें
00:39:10अपने पास यहां पर स्टोर अपने को दिखा देगा कि क्या स्टोर अपने यहां पर क्रिएट कर रहा है
00:39:36अपने अपना सेट अप देखते है इस चीज को भी मैं आगे समझा दूँगा
00:39:39आप देखो यहां पर अपने यही सेम चीज इसने यहां पर बता रखिए
00:39:42नेक्स्ट आपको यहां पर क्या करना अपना स्लाइस यहां पर क्रिएट करना पड़ेगा
00:39:45तब भी तो आपको यहां पर अपना स्टोर शो होगा
00:39:48तो यहाँ पर आपको क्या करना है अपने slice के अंदर करवाते हैं तो जैसे इसने counter slice बना रहा है तो मैं भी यहाँ और counter slice ही बना देता हूँ
00:40:05अब और इसे के बता रहा है किश्तर्च लाम नाम का एक war बना लगे असुज के अंदर इसने बता रहता है कि
00:40:09अबियां का एक फोल्र मालो उसमें कर लो आका मगए आधी कामte मागदक में फीचलयो फीचर्स लाम कर बना क्यों इसका में आपको बना लिए जिसको
00:40:21पर कहता हूँ अपना counter slice.js करके फाइल अपने आपर बना ली और import करना है किसको import करना है कहां से import करना है जो अपना
00:40:34Redux toolkit है वहीं से अपन यहां पर import करने वाले किस चीज को import करेंगे यहां पर अपने पास आता है अपना create slice
00:40:41create slice को मैंने आपर import करा Redux toolkit से एक चीज इंपोर्ट कर ली और वो क्या है अपने पास अपना create slice है इसने भी यह कर रखा है फिर उसने यहां पर अपने create slice को बला है उसके अंदर name इसने पास करा है counter यह अपने पास अपना application का name होता है जो अपन create कर रहे है
00:41:00second initial state पास करी है जो यहां पर इसने initial state पास कर रखी है फिर reducers के अंदर यहां पर इसने पना logic लिख रखा है एक increment का function है और एक decrement का function है मतलब यह आपके actions है जो dispatch पे hit होने वाले है तो चलो करवा दो यह काम भी करवा दो जल्दी से आपको यहां पर किसको बलाना है अपने create slice
00:41:30यहां पर कहते हूं const और मैं आपर कहता हूं initial state और initial state के अंदर एक object पास करता हूं जिसमें आपन कहते है value है और value initially क्या है zero है यह जो zero value है यही आपकी centralized state है और इसी को अपन action के basis पे मतलब use dispatch पे जो action हिट होगा उसके basis पे अपन इसको update करवाएंगे और यही आपकी store में जा
00:42:00है कि आपको कौन सा action हीट करवाने increment करवाना है decrement करवाना है कुछ भी बना सकते हैं ठीक है जैसे इंक्रिमेंट और decrement अपने function यहां पर create करते है तो पहला तो मैं यहां पर करता हूं अपना
00:42:12increment पे अपने पास यहां पर क्या है एक function है function में यहां पर create कर दिया और second में यहां पर करता हूं अपना decrement की है और इसके अंदर अपन यहां पर क्या बना देते है अपना function क्योंकि यह अपन ने जो
00:42:30reduces लिया एक object है object के अंदर यह increment और decrement अपने पास क्या है दो की है जिसमें अपने पास क्या अपने functions है यही actions है जो अपन यहां पर hit करवाने वाले है फिर उसके बाद इसने यहां पर क्या कर रहा है इसने बता रहा है कि भाई आपका जो create slice है उसको आपको यहां पर एक variable में
00:43:00और इसको अपन यहां से क्या कर देते है एक्सपोर्ट कर देते है यहां पर इसको क्या कर दो अपना export कर दो इतना सा काम अपने यहां पर कर लिया अपना export यहां पर कर दिया फिर उसके बाद अपने को क्या करना है यहां पर जो अपना counter slice है उसमें से dot करके अपने actions निकालन
00:43:30जो आपका counter slice है, उसमें से dot करके आपको क्या निकालने है अपने actions, ठीक है, और यहाँ से आप इसको क्या करने वाले हूँ,
00:43:40डी structure करके निकाल लूँ, क्योंकि यह दोना actions ही तो है, तो डी structure करके अपन यहाँ पर निकाल लेते हैं अपने इस object में से,
00:43:46पर इसको क्या करने वाले हो, जैसे इसने यहाँ पर एक्सपोर्ट करका है, तो यहाँ पर इसको क्या कर दो,
00:44:03एक्सपोर्ट ठीक है, यही काम करना है बस इतना सा, और second आपको क्या करना है, अपने reducer के लिए जो अपना counter slice है, उसको आप export डेफोल्ट करने वाले हो,
00:44:12मतलब आप इसको दूसरे नेम से वहाँ पर import कर सकते हो, तो मैं यहाँ पर export, क्या करने वाला हूँ, default किसको करने वाला हूँ, जो मेरा counter slice है, उसमें से dot करके अपन क्या निकालेंगे अपना reducer, बस इतना सा काम करना है, यह आपका slice का setup हो चुका है, क्या करा है, अपने create slice को
00:44:42इन ही actions के basis पर अपने पास अपना dispatch, मतलब जो front end पर जो भी task अपन करवाने वाले है, इस increment और decrement function के उपर, वो task perform होने वाले है, और export default कर दिया, मैंने किसको अब इस complete reducer को, चीक है, अब आजाओ अपने किसके उपर, store के उपर, यहाँ पर अगर next step देखोगे, तो इसने य
00:45:12import कर लेता है, मैं यही कर देता हूँ, ठीक है, यहाँ पर आजाओ और यहाँ पर अपने उसको import कर लिया, features के अंदर अपने पास क्या है, features के अंदर अपने पास counter नहीं, अपने अपने directly बनाया, अपना �counter slice वाला, यहाँ पर faculty.
00:45:24यहां कर जिंदर आंधे इसको
00:45:37नहीं करके रोखन दो यहां पर आपका मैंट करें आपने पास कर रहा है
00:45:44कि आपने वहाँ से उसको export default कर रहा है
00:45:46अगर आप देखोगा export default अपने कर रहा है
00:45:48तो नए name से अपन कर सकते है उसको change
00:45:49अब यहाँ पर आप कुछ भी name पास कर दो
00:45:52जैसे इसने counter करके pass कर रहा है
00:45:53कुछ भी कर तो यह तो key है basically
00:45:55तो मैं यहाँ पर counter करके कर देता हूँ
00:45:57और counter करके अपन किसको pass कर देते है
00:45:59जो अपना यहाँ पर counter reducer है
00:46:01चलो भाई अब दो ही काम यहाँ पर होने वाले
00:46:04एक तो आपका dispatch और एक आपका selector
00:46:06चलो भाई यहाँ तक की चीज अगर देखे तो क्या हो रहा है
00:46:10यह आपका green हो चुका है अगर आप देख रहे हो तो यहाँ पर
00:46:12यह white आ रहा था ग्रीन हो चुका है
00:46:13चलो अपन इंस्पेक्ट करके अपने redux के उपर ही आते हैं
00:46:16मैं यहाँ पर redux पर आता हूँ
00:46:17और redux मैं आके अपन यहाँ पर देखते है अपने state के उपर
00:46:20अगर आप state देखोगे तो यहाँ पर देखोगे
00:46:22अपने पास एक counter आ रहा है जिसके अंदर एक object है
00:46:24जिसमें value क्या है अपने पास 0 है
00:46:26यहाँ पर counter आ रहा है
00:46:28एक counter नाम का अपने पास key आ रही है
00:46:30उसके अंदर एक object है जिसमें value अपने पास
00:46:32क्या रही है जीरो आ रही है अब ये सारा flow क्या बना है
00:46:36flow समझो मैं flow वापस से repeat करता हूं कि सारा flow
00:46:40बना क्या है मतलब अपने यहाँ पर अपना centralized store
00:46:43provide कर दिया जिसमें एक अपने पास state है और वो state
00:46:47क्या है वो state अपने पास यहाँ पर है अपनी ये value
00:46:50ये initial state है टीक है तो सबसे पहले हैपने अपने
00:46:54store का setup करा सटोर मैंने यहाँ पर complete setup कर दिया
00:46:57configure store के तरू आपने अपना store setup करा मैंने export भी करा
00:47:00क्यों export करा क्योंकि आपन इसको provide कर रहे है
00:47:04Яपने सारे components के लिए providing अपनने कर दिया इस store को यहाँ पर
00:47:05पर सब कॉमपोरेंट्स के लिए प्रोवाइड कर दिया अब इस्टोर के अंदर अपन यहां पर क्या करते हैं इस्टोर के अंदर अपने सारे स्लाइसे अपन यहां पर अरेंज करके रखते हैं कि किस स्लाइस में कौन से एक्शन हिट होने वाले क्योंकि बहुत सारे अपन स्ल
00:47:35करते हैं कorta करता हैं कि और इसी के अंधर अपनी इनिशन स्टेट होती गया है तुम
00:47:39अब लो अकुछ पीस्कों लेना चाहते हैं वह सारा हो सकते हैं तो इस तरीके से अपने पास
00:47:57यहां पर क्या होता है ओर यही स्लाइ एक स्टरक के अंदर अनुए
00:47:59अपन पास करते हैं किसके अंदर अपने इस्टोर के अंदर
00:48:02मतलब flow क्या चल रहा है
00:48:04flow अपना चल रहा है हहाँ पर यह जो
00:48:05store है इसके अंदर यह जो
00:48:07counter है इस counter के अंदर जो
00:48:09counter reducer आपने पास कर रहा है उसके अंदर
00:48:11आपकी initial state आ रही है
00:48:13मतलब उसके अंदर Initial state के अंदर
00:48:15जो भी अपने पास value है
00:48:17वो आ रही है
00:48:17Initial state में क्या value है
00:48:19Initial state में आपका एक object है
00:48:21जिसमें अपने पास का है value 1-0 है
00:48:23तो ये complete object आपका कहां पर जा रहा है
00:48:25ये complete object जा रहा है
00:48:27किसके अंदर आपके
00:48:28इस reducer के अंदर
00:48:29इस Reducer नाम की Key के अंदर
00:48:31तो इसका मतलब ये जो Counter नाम की Key
00:48:34बनाई ये इसके अंदर आपका Complete Initial
00:48:36State आ रही है
00:48:37क्या ये ही हो रहा है कहाँ पर अगर आप देखोगे
00:48:39तो ये जो Counter नाम की आपने Key बनाई है
00:48:41उसमें आपकी Complete Initial State आ रही है
00:48:43और ये जो स्टेट है
00:48:45यह centralized state है
00:48:46centralized state क्यों है क्योंकि आपने
00:48:49store को सारे components के लिए
00:48:51pass कर रखा है, सारे components को
00:48:52provide कर रखा है
00:48:53तो आप इस state को किसी भी component में
00:48:56print करवा सकते हो, सब के लिए
00:48:58यह globally अपने पास यहां पर, ठीक है
00:49:00तो सब के लिए है यह state
00:49:02इतनी सी बात समझ में आई के अपने क्या किया
00:49:04यह setup समझ में आई के आप सभी को
00:49:06यहां तक की चीज एक बार बता ना, यहां तक की
00:49:08चीज आपको समझ में आई क्या, क्या किया
00:49:10आपने यह
00:49:11टू मिनट्स लेफ्ट इन दे मिटिंग नहीं, क्लास एंड होने वाली एटेंचन मतलो, क्लास एंड नहीं होगी, जब तक मैं एंड नहीं करूंगा, तब तक एंड नहीं होगी,
00:49:36क्लास एक गंटे की शेडियूल ती, इसलिए हो बता रहा है कि दू मिनिटी बचा आपके पास मिटिंग के, तो एंड नहीं होने वाली, चीक है?
00:50:06बेसिकली रिडक्स का कॉंसेट समझ में आएगा आपको, सर एक क्यूशन, क्रिएट स्लाइस खुद से बनाना पड़ता है, यस बिल्कुल क्रिएट स्लाइस खुद से बनाना पड़ता है, और अपने अपने स्लाइस क्रिएट भी गरेंगे, जिसे एड तू काट वाला स्लाइ
00:50:36react के थ्रू अपना project बना रहे तो
00:50:37चार-पांच चीज़े जो याद रखनी है
00:50:45एक तो store, एक अपना reducer
00:50:47reducers के अंदर अपने पास क्या आता है
00:50:49अपने actions आते है और जो अपना reducer होता है
00:50:51उसके अंदर अपने यहाँ पर क्या करते है
00:50:52अपने store के अंदर उसको pass करते है
00:50:54कुछ चीज़े जो आपको याद रखनी है
00:50:56यह flow अगर आपने समझ लिया
00:50:58तो आप फिर easily redux toolkit का setup कर सकते हो
00:51:01अभी तो जैसे अपने documentation देखी
00:51:03documentation देखने की ज़रुत भी नहीं है
00:51:04फिर automatically आप उसका setup कर सकते हो
00:51:07और मैंने समझाने के यह साब साब आपको
00:51:08complete documentation दिखाईए कि किस तरीके से अपनिया पर
00:51:10documentation यूज कर रहे है अपनी
00:51:12अभी यह यहीं पर complete नहीं हुआ
00:51:31इसको अपन आगे देखेंगे कि अगर जैसे मालो
00:51:34अपन use state से क्या कर रहते है
00:51:36increment increment भी कराया था अपने use state से
00:51:38use state से अपने form की value भी get कर रहे थे
00:51:40तो अगर form की value मेरे को get करनी है
00:51:42तो वो अपन कैसे get करेंगे
00:51:44जैसा आप देखते हो कि आप login करते ही
00:51:47user name आपको दिख जाता है
00:51:48आपकी profile आपको दिख जाती है
00:51:50तो यह सारा काम अपन कैसे करेंगे
00:51:51यह अपन कलवाली class में देखेंगे
00:51:53तो आज की class में सिर्फ इतना ही देखेंगे
00:51:56redux का setup ही अपने देखा है
00:51:58कोई logic नहीं लगाया कोई भी अपना dispatch
00:52:01selector कुछ भी use नहीं करा भी
00:52:02इसको अपन आगे देखेंगे कलवाली class में
00:52:05तो कि अपनी एक next class एक और नहीं
00:52:07तो अपन अभी इसको complete करकी ही जाते
00:52:09लेकिन complete नहीं कर पाएंगे अपन
00:52:14ठीक है
00:52:18attendance की questions क्या है
00:52:20attendance का जो point 1 है उसमें आपको लिखना है
00:52:23redux और point 2 के अंदर आपको लिखना है
00:52:25redux toolkit
00:52:26यही आज की attendance के point 1 और point 2 है
00:52:29redux and redux toolkit
00:52:31तो यह दोनों points है जो आपको fill करने है
00:52:34अपने attendance form के अंदर अपनी attendance के लिए
00:52:37अरजुन करें कि सर यह तो
00:52:45redux है
00:52:45यह redux toolkit नहीं है ना सर
00:52:48नहीं यह redux toolkit है
00:52:50redux अगर मैं आपको दिखा देता तो शायद आपके तोते उड़ जाते
00:52:53यह redux toolkit है
00:52:56अपने redux toolkit का setup देखा है
00:53:01बता दूँगा मैं अगर आप demand करोगे तो
00:53:04कि एक बार बताओ सर
00:53:06क्योंकि वो class फिर आपको proper
00:53:08नीन लेके आना पड़ेगा
00:53:09proper आपको सो के आना पड़ेगा दिन में
00:53:11क्योंकि हो सकता है उस class में आपको नीन आए
00:53:14वैसे मेरी class में नीन नहीं आएगी आपको
00:53:19मैं आपको बिल्कुल बेसे अच्छी से समझा दूँगा
00:53:22ताकि आपको समझ में आ जाएगा कि
00:53:23Redux का setup भी किस तरीके से होता है
00:53:25लेकिन उसकी जो boiler plate है वो थोड़ी से अपने को ज़्यादा लिखनी पड़ती है
00:53:29थोड़ा सा काम ज़्यादा करना पड़ता है
00:53:31थोड़ी से चीज़े ज़्यादा हो जाती है उसमें
00:53:48अमद अहमेद ने क्या लिख दिया इतना बड़ा सारा
00:53:51सर मैंने अभी यूट्यूब से जावा स्क्रिप्ट कोर्स कम्प्लीट किया था
00:53:55अभी रियक्ट का पहले लेक्चर लेना था
00:53:57तो यूट्यूब का इश्यू हो गया अब सर रियक्ट कहां से करे
00:54:01आप तो काफी आगे चले गए है
00:54:04मैं उसके रिकोर्डेड लेक्चर ले रहा था
00:54:08अब देखो इसका सॉल्यूशन तो अभी कुछ है नहीं
00:54:12क्योंकि अपने पास वो कोई डेटा है नहीं उसका
00:54:15तो यह तो यही तब ही हो सकता है जब अपना यूट्यूब वापस आएगा
00:54:19क्योंकि इसका कोई पर्टिकुलर ऐसा कोई सॉल्यूशन नहीं
00:54:22कि मैं आपको क्लासेस कोई मेरे पास हो तो मैं आपको प्रोवाइड कर दू
00:54:25क्योंकि वो सारी यूट्यूब पर ही अप्लोडेड थी और वोसी चैनल पर ही थी तो वो वहीं से मिल सकती है
00:54:32जब वो वापस आएगा अगर वो वापस नहीं आता तो फिर वो क्लासेस भी नहीं मिल सकती
00:54:37तो ये है कि
00:54:40वो चैनल आने के बाद ही आप उसको कर सकते हो
00:54:43उन सारे लेक्चर्स को ले सकते हो
00:54:45अर्जुन करें कि न्यू बैच स्टार्ट नहीं होगा
00:54:56क्या रिविजन्स करने के लिए
00:54:57यस बिल्कुल न्यू बैच स्टार्ट होगा
00:54:59एक बार यूट्यूब अपना वापस आ जाए
00:55:00उसके बाद अपना न्यू बैच आने वाला है
00:55:03और आप रिविजन कर सकते हो
00:55:04एजिली कोई दिक्कत नहीं है
00:55:06और रिविजन की क्यों बाते कर रहे हो अभी तो ये बैच अपना
00:55:09रियक्ट चल रहा है और रियक्ट के बाद अब बैक एंड आने वाला है
00:55:11बैक एंड के बाद फिर अपने मेजर प्रोजेक्ट पी आने वाला है
00:55:14तो ये बैच तो अभी बहुत पैंडिंग में है
00:55:18अकाश करें कि सर फिर अटनेंस का इश्यू नहीं होगा क्या बहुत से लेक्चर्स की अटनेंस पैंडिंग है नहीं
00:55:31टैंशन मतलो उस चीज़ की किसी भी अटनेंस की इन चीज़ों की टैंशन मतलो
00:55:35सब चीज़े ओटोमेटिकली जैसे चीज़े जहां से बंद हुई थी
00:55:38वहीं से वो अटोमेटिकली अपन देखेंगे कि कैसे क्या सारी चीजी हुई थी, सारी चीजे मैनेज करेगी टीम, तो आपको टैंचन लेने की जवत नहीं है, कोई इशू नहीं आने वाला अटेंडेंस से रिलेटेर, किसी भी चीज से रिलेटेर, चीक है, तो इस चीज की ट
00:56:08लाइव स्टार्ट होगी जब अपना चैनल वापस आए, इसे होगी वो, सत्यम करें कि मुझे मेरे इमेल पे मेल कर दो, और टेलिग्राम के नेम दे दो, मैं आपको जो लेक्चर्स चाहिए, सेंड कर दूँगा, सत्यम, यह तो बहुत अच्छा है, अगर आपके पर सारे ल
00:56:38मुहमद करे कि सर चैनल वापस आने की कितनी होप है, देखो रिव्यू पे है, अब रिव्यू पे है, इसका मतलब वो वापस आ जाएगा, अब यूट्यूब टाइम लेता है, रिव्यू के अंदर दस से पंदरा दिन का टाइम लेता है, तो अपन उसका कुछ नहीं कर सकते
00:57:08दिपिका प्रेइंग फो चैनल टू कम बैक, यस, सब दुआ गर रहे है कि चैनल आ जाए, ताकि अपन आप दिन दे अपने सारी चीजे, नए बैच को भी लाँच करना है, और भी बहुत सारी चीजे है, जो अपन लेके आने वाले थे, जिस हिसाब से सारी चीजे शेडूल
00:57:38जाएगी, तो सब चीजे रुक गई है, तो यह तो बहुत आपका भी लोस है, इसमें, क्योंकि आप भी लर्निंग कर रहे हो, तो इसमें रुकना थोड़ा सा ही हो जाता कि आपन रुक गए उस चीज़ में,
00:57:49साहिल करें कि मेरी तो यही प्रातना है कि जल्दी से जल्दी यूट्यूब वापस आ जाए, यस, सभी की यही प्रातना है, बहुत जल्दा है, और आप सभी की प्रातना सुनें, आप सभी की दुआएं लगे, ताकि अपना चैनल वापस आए, और अपन वापस से, वही उस
00:58:19जितने आप हमसे जुड़े वे हो, उन सब की classes अपन ले रहे ताकि आपको कोई issue ना है, आप अपने career में रुको ना, learning में बिल्कुल ना रुको, क्योंकि हर एक दिन important अपने लिए है, जो आप से आगे चल रहे हैं, वो महनत कर रहे हैं, जिन companies में वो apply कर रहे हैं, उनमें job भ
00:58:49और job ये नहीं करा कि अपन job करते हैं, तो सिर्फ पैसो के लिए जरूरी है, हर चीज का experience लेना जरूरी है, जरूरी नहीं है, आप जितने students और सब job भी करो, कही ऐसे भी हो सकते कि job करने के बाद उनको लगी कि यार मैं मैं खुद का YouTube चैनल खूलना चाता हूँ, मैं बहुत �
00:59:19सकता हूँ, तो depend करता है आप के उपर की, आप अपने क्या efforts लगा रहे हूँ, क्या आपका mindset है, चीक है, तो लगे रहू उस चीज के अंदर, हर फिल्ड के अंदर scope है, हर चीज के अंदर scope है, depend है आपके काम के उपर,
00:59:39ठीक है, तो मैं यही कहता हूँ हर बार, कि जब भी आप कोई काम करो, तो उस काम को ऐसे करो, कि काम को गर्वो कि तुमने उसे किया है, ठीक है, कोई भी काम करो, जैसे आप development सीख रहे हो,
01:00:04आप कुछ और काम करो, आपका interest है, कई बार interest बच्पन में interest रहता, remote वाली गाड़ी लेगा था, तो उसको call के यह लो, दूसरी गाड़ी बना के पन, और सोस्ते त्यार, यह क्या कर दिया, तो वो भी एक, अपनी, वो ही उस time के इसाप से जो thinking थी, वो अपनने काम किया, तो
01:00:34सब कर रहे हैं वो काम, आप कोई भी काम देख लो, आप किसी भी फिल में देख लो, आप सो जो business स्टार्ट करना चाता हूँ, मैं अपनी startup company को रना चाता हूँ, मैं यह करना चाता हूँ, वो सब कर रहे हैं, लेकिन आप क्या best दे सकते हो, आप लोगों को क्या चीजे deliver कर सक
01:01:04लोगों को entertain कर पारे हूँ या नहीं कर पारे हैं, उससे आपका क्या feedback आ रहा है, आप गोलो मैं को acting का शोक है, शोक आपका है, लेकिन उस काम को आप कितने लगन के साथ कर रहे हूँ, हर एक चीज में होती ही है, ठीक है, और इसी के साथ अपन टाइम को अध्ये नजर रखत
01:01:34हिएख, अओगे ही साथ का पसंदर इस कलास के लीए सिर्फ इतना ही, बाइ बाइ एवरीवन एंटेक केयर हो, सभी अपना ध्यान रखों, अपनी फैमिली खीद रखों अपनी कल वाली कलास के लीजा के लाई, और लव यू वाल
Be the first to comment