Angular Academy · पाठ

सेलेक्टर और इफ़ेक्ट

सेलेक्टर और इफ़ेक्ट की सहायता से स्टेट को कुशलतापूर्वक संभालें।

पाठ 3, कुल 3 में से10 चरण

सेलेक्टर और इफ़ेक्ट, CoddyKit पर Angular Academy का एक निःशुल्क पाठ है। यह 3 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Angular Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Angular Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।

NgRx में सेलेक्टर और इफ़ेक्ट

इस पाठ में सेलेक्टर और इफ़ेक्ट शामिल हैं, जो Angular में कुशल स्थिति प्रबंधन के लिए NgRx के महत्वपूर्ण भाग हैं।

सेलेक्टर क्या हैं?

सेलेक्टर आपको स्टोर से स्थिति के विशिष्ट हिस्से कुशलतापूर्वक प्राप्त करने देते हैं, जिससे डेटा तक पहुँच बेहतर होती है।

सेलेक्टर बनाना

स्थिति से डेटा कुशलतापूर्वक चुनने के लिए createSelector() फ़ंक्शन का उपयोग करके सेलेक्टर बनाएँ:

export const selectUser = createSelector(
  (state: AppState) => state.user,
  (user) => user.details
);

घटकों में सेलेक्टर का उपयोग करना

सेलेक्टर आपको घटकों के भीतर स्टोर डेटा आसानी से ऐक्सेस करने में सहायता करते हैं:

this.store.select(selectUser).subscribe(user => console.log(user));

इफ़ेक्ट क्या हैं?

इफ़ेक्ट NgRx में HTTP अनुरोधों जैसे साइड इफ़ेक्ट को संभालते हैं। वे एक्शन के लिए सुनते हैं और अतुल्यकालिक कार्रवाइयाँ करते हैं।

इफ़ेक्ट इंस्टॉल करना

NgRx Effects इंस्टॉल करें:

npm install @ngrx/effects --save

इफ़ेक्ट बनाना

इफ़ेक्ट एक्शन से शुरू होने वाले HTTP अनुरोधों जैसे साइड इफ़ेक्ट को संभालते हैं:

loadUser$ = createEffect(() =>
  this.actions$.pipe(
    ofType(loadUser),
    mergeMap(() => this.userService.getUser().pipe(
      map(user => loadUserSuccess({ user }))
    ))
  )
);

इफ़ेक्ट पंजीकृत करना

अपने एप्लिकेशन में इफ़ेक्ट सक्षम करने के लिए उन्हें अपने मॉड्यूल में पंजीकृत करें:

EffectsModule.forRoot([UserEffects])

सेलेक्टर और इफ़ेक्ट का सारांश

सारांश

अब आप NgRx में सेलेक्टर और इफ़ेक्ट को समझते हैं, जिससे आप स्थिति और साइड इफ़ेक्ट को कुशलतापूर्वक संभाल सकते हैं। शानदार काम!

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 38
पाठ: 144

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “सेलेक्टर और इफ़ेक्ट” पाठ निःशुल्क है?

हाँ — Angular Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “सेलेक्टर और इफ़ेक्ट” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Angular Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।

“सेलेक्टर और इफ़ेक्ट” में मैं क्या सीखूँगा?

सेलेक्टर और इफ़ेक्ट की सहायता से स्टेट को कुशलतापूर्वक संभालें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Angular Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Angular Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Angular Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 3वाँ पाठ है।

“सेलेक्टर और इफ़ेक्ट” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Angular Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Angular Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Angular Academy पर वापस जाएँ