Angular 17 - standalone template complete overview | all features with example| NGRX CRUD

Ғылым және технология

#angular17 #standalone #nihiratechiees
This video provides complete overview of Angular 17 - standalone templates with all feature
It covers below points in standalone templates
1, Components (Routing , Lazy loading, Use component as child )
2, Material UI configuration & installation
3, HTTP Client provider
4, Reactive forms
5, HTTP Interceptors (pass JWT Token for http requests)
6, NGRX and adding providers for store and effects
7, CRUD actions using .NET Core Web API
8, Module based template in angular 17 “ng new project name --no-standalone”
Source code GitHub Link
===================
github.com/nihira2020/NTApp
.NET Core API Link that we used in this video
===============================
• .NET 7.0 Web API Full ...
Join this channel to get access to perks:
/ @nihiratechiees

Пікірлер: 43

  • @nadetdevfullstack7041
    @nadetdevfullstack7041Ай бұрын

    I just finished your pair programming tutorial. THANKS. You are excellent. May your business prosper!

  • @NihiraTechiees

    @NihiraTechiees

    Ай бұрын

    Thanks👍

  • @tuku_mann
    @tuku_mann5 ай бұрын

    Thank you so much, that's extremely helpful ❤🎉😊

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Thanks👍

  • @yanoushka
    @yanoushka4 ай бұрын

    Thanks for the tutorial well detailed

  • @NihiraTechiees

    @NihiraTechiees

    4 ай бұрын

    Glad it was helpful!

  • @VijayKumar-fq4ie
    @VijayKumar-fq4ie5 ай бұрын

    Good one bro, thanks

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Welcome👍

  • @nadetdevfullstack7041
    @nadetdevfullstack70415 ай бұрын

    Excellent

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Thanks

  • @davebudah
    @davebudah5 ай бұрын

    Thanks man.

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Welcome👍

  • @user-ei5rx3hm4c
    @user-ei5rx3hm4c3 ай бұрын

    Thank you so much

  • @NihiraTechiees

    @NihiraTechiees

    3 ай бұрын

    You're most welcome

  • @aksharanatureworld
    @aksharanatureworld5 ай бұрын

    👍

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Thanks

  • @AC-mi8vf
    @AC-mi8vf3 ай бұрын

    Nice video! question, i notice an inject function when injecting a service on the auth guard. is that new? i've always injected through a constructor. Is this inject function the new way at every component? i assume best practice is still through constructor?

  • @NihiraTechiees

    @NihiraTechiees

    3 ай бұрын

    In interceptor we cannot use constructor that's why we used inject option..... Always constructor is the first option for injection

  • @shivachauhan1509
    @shivachauhan15095 ай бұрын

    ur great sir i cracked 4 interview with this please share ppt also if possible

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Congratulations👏 Glad to hear that you cleared interview. PPT have only topics that i included in description.

  • @FaisalRahman-bm2tq
    @FaisalRahman-bm2tq5 ай бұрын

    Can you please make a detailed video on *ngrxLet directive. There is not a single video on youtube on this topic.

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Sure will plan for that

  • @kannagokul4968
    @kannagokul49685 ай бұрын

    Really good sir can you make how to do angular+springboot application from scratch and i more doubt i have boostrap js is not working in index.html what to do sir....

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    In angular don't use any js files. We can manage through bootstrap package. Springboot i don't have enough exposure. I would say whatever api you are using in angular point of you... We just changing api end point. Other areas same only

  • @_sourabhfx
    @_sourabhfx2 ай бұрын

    Sir I'm facing a issue. The data is showing on initial load but when I'm clicking on a button to route to a different page and then using browser back button to go back to the main page I'm getting CROS error with status 200. Means data is not coming by pressing the browser back button whereas it should have

  • @NihiraTechiees

    @NihiraTechiees

    Ай бұрын

    Please check in the log are you getting any error? Back button press is not problem.

  • @charityngunyi584
    @charityngunyi5845 ай бұрын

    Im getting this errors please ERROR Error [NullInjectorError]: R3InjectorError(Standalone[_AppComponent])[_Store -> _Store -> _Store]: NullInjectorError: No provider for _Store!

  • @NihiraTechiees

    @NihiraTechiees

    5 ай бұрын

    Follow the video and add providestore provider in app config. Basically it will add automatically once you installing ngrx store... If it's not happening you have to add manually

  • @dragardgaming
    @dragardgaming4 ай бұрын

    Hi sir

  • @NihiraTechiees

    @NihiraTechiees

    4 ай бұрын

    Yes

  • @muraliprasad_it3241
    @muraliprasad_it32414 ай бұрын

    Bro how to get Microsoft teams status in angular??

  • @NihiraTechiees

    @NihiraTechiees

    4 ай бұрын

    Will check let you know

  • @dragardgaming
    @dragardgaming4 ай бұрын

    Have an error in swiper slider pagination stuck

  • @dragardgaming

    @dragardgaming

    4 ай бұрын

    Would you help me

  • @NihiraTechiees

    @NihiraTechiees

    4 ай бұрын

    Please send me mail with details

  • @eyobtadele1613
    @eyobtadele16132 ай бұрын

    why do we need to use ngrx?

  • @NihiraTechiees

    @NihiraTechiees

    2 ай бұрын

    If you have data, that need to transfer some unrelated components we can use ngrx

  • @_oLuongHuan
    @_oLuongHuan3 ай бұрын

    can i have your link server for testing purpose ?

  • @NihiraTechiees

    @NihiraTechiees

    3 ай бұрын

    No it's just ran in my local

  • @odins2ravens
    @odins2ravens3 ай бұрын

    I'm getting an error: X [ERROR] TS-992012: Component imports must be standalone components, directives, pipes, or must be NgModules. [plugin angular-compiler] src/app/component/menuheader/menuheader.component.ts:8:24: 8 │ imports: [RouterLink, MaterialModule], ╵ ~~~~~~~~~~~~~~

  • @NihiraTechiees

    @NihiraTechiees

    3 ай бұрын

    Please share details to mail

  • @odins2ravens

    @odins2ravens

    3 ай бұрын

    @@NihiraTechiees I just recreated the app with -no-standalone, and that created the app.module. Then I just imported the Material module component in the app.module (import and export)… that eliminates the need to add the Material component in every .ts file. Thanks for the response!

Келесі