Use NgRx with Standalone Components in Angular 15

To enhance your Angular development workflow by combining the power of Standalone Components and NgRx. Standalone components provide a flexible and modular approach to building UI, while NgRx helps manage state in a scalable and maintainable way. By using these two technologies together, you can create dynamic user interfaces while keeping your code clean and organized. In this tutorial, we will cover how to set up a project, create standalone components, and integrate NgRx for state management. Whether you're a beginner or an experienced Angular developer, this video is for you. So, get ready to optimize your Angular apps and simplify state management with Standalone Components and NgRx!
#standalone #angular #ngrx
GitHub: github.com/fun...
Playlists:
Standalone Components: bit.ly/3wFrHEg
NgRx: bit.ly/2Qu0Ucu
Some More
Performance optimization: bit.ly/3fFa1Q8
RxJs: bit.ly/3hytr8o
Angular Tutorial: bit.ly/2Tnwk1t
Dashboard with chart.js: bit.ly/3c9Jd85
Application Development: bit.ly/398w7Gf
Upload File to server: bit.ly/3ccsjWd
Data Structure and algo: bit.ly/3c8b7Bh
Discord: / discord
Slack: bit.ly/2RXPcEK
You can support me on Patreon: / funofheuristic
Equipment used for Video (India links):
Headphone (ATH M50X): amzn.to/3xDcSQK
Microphone (AKG D5): amzn.to/3b1gi5R
Audio Interface (EVO 4): amzn.to/327tnGJ
Camera(Canon 200D): amzn.to/3ja1Pr9
Thanks for watching...

[@viralmoney8619]

Ia it possible to work with redux toolkit in ngrx?

[@FunOfHeuristic]

Yes

[@vuarnet0318]

awesome! thanks for your sharing.

[@karthikeyan878]

waiting for this topic !! Thank you . Share a video about how persist state when browser gets refreshed in NGRX

[@ahmedaouiche]

Thank youu ! Waiting for NGXS playlist hope it will be soon 😊

[@FunOfHeuristic]

It's already out, please check the description

[@ahmedaouiche]

@@FunOfHeuristic NGXS playlist ? I have seen NGRX only

[@FunOfHeuristic]

Sorry I didn't read it properly, my bad, ya NGXS will come soon

[@viralmoney8619]

Playlist means somehow large app and covering everything advanced topics

[@costagmc1]

I was waiting for. Thanks dear

[@zobidafly]

is there a reason why you don't use ngrx/schematics? I don't see the whole video content because you've shown code about user.reducer & user.action without showing how to create those files using ng command...

[@FunOfHeuristic]

Yes you can use schematic, the main purpose of the video to show how standalone component will work with NgRx.

[@vaishnavimhamane3509]

Pls help me in this please 🥺1. ngrx/store: The feature name "data" does not exist in the state, therefore createFeatureSelector cannot access it. Be sure it is imported in a loaded module using Storemodule.forRoot('data',...) or Storemodule, forfeature("data",...). If the default state is intended to as is the case with router state, this development-only warning message can be ignored. Angular is running in development mode. 2.ERROR TypeError: Cannot read properties of undefined (reading 'data') at users.selectors.ts:8:29 at ogrx-store.mis:900:24 home.compone at nemoized (perx-store.mis:776:33) at defaultStaten (ngrx-store.mis: 804:39) at Derx-store.mix:903:30 at memoized (Darx-store.mis:776:33) at nerx-store mis: 683:44 at OperatorSubscriber2. this. next (Operator Subscriber.is:15:21) at Subscriber2.next (Subscriber.is:34:18

thanks

[@vaishnavimhamane3509]

1. ngrx/store: The feature name "data" does not exist in the state, therefore createFeatureSelector cannot access it. Be sure it is imported in a loaded module using Storemodule.forRoot('data',...) or Storemodule, forfeature("data",...). If the default state is intended to as is the case with router state, this development-only warning message can be ignored. Angular is running in development mode. 2.ERROR TypeError: Cannot read properties of undefined (reading 'data') at users.selectors.ts:8:29 at ogrx-store.mis:900:24 home.compone at nemoized (perx-store.mis:776:33) at defaultStaten (ngrx-store.mis: 804:39) at Derx-store.mix:903:30 at memoized (Darx-store.mis:776:33) at nerx-store mis: 683:44 at OperatorSubscriber2. this. next (Operator Subscriber.is:15:21) at Subscriber2.next (Subscriber.is:34:18 please help me I am getting this error