Angular CRUD action using NGRX pattern and Material UI design | Angular NGRX examples

#angularcrud #angular #nihiratechiees #ngrx

This video implements Angular CRUD action with below concepts

1, Angular 16 CRUD Actions
2, Angular NGRX pattern
3, Angular Material UI Design
4, JSON-SERVER REST API

Steps Followed
==============
1, Create brand new application
ng new application-name
2, Create required files ( components & supporting files)
3, Installation required packages
4, Implement design using Material UI components
5, Implement NGRX flow

Packages need to install
====================
1, ng add @angular/material
6, npm install json-server

Source Code GitHub Link
====================

Join this channel to get access to perks:

[leonelperez]

I love you my friend! Thanks for sharing your knowledge.

[CSDuck]

In an ocean of broken Angular projects I stumble upon this treasure!
India is huge country with many of people, dialects and accents. Some are really hard to bear sometimes for long periods of time. But you are so well articulated that I could listen to you explaining things for hours.
This tutorial is great and I would recommend to anyone interested in this technology to follow it from start to finish.
I wish you all the best in programming, teaching and other aspects of your life!
Best regards from Serbia!

P.S. I noticed that you write things in small letters, for example "datasource" instead of "dataSource". It might be a silly question but Is this convention wrong to use in TypeScript ?

[mahdiandalib]

thx, create a full web app using angular with admin panel

[AlexsanderWilen-twsv]

hello! I hope you are well!! I have enjoyed your videos, your teaching, congratulations!!!
to ask you a question, I have been trying to use this development with the form without opening it via popup but I am not able to do so after editing trying to insert the data it is not clearing it. When you have time, could you record a video with the form without using a popup? Thank you very much in advance.

[jecica]

I think I followed every step in that video,
but I don't know why the API call is being triggered multiple times when saving the form.
Could somebody help me? Here is the repository link:
Is a Github link, and the account is TsaiTsaiChieh, repository name is ngrxcrud (Youtube could not leave the link...)

[SumitKhanduri]

quick question, in App.effect.ts file why you created it you could have created a reducer instead of an effect just to understand meaning instead of an effect file in common why you didn't created a reducer file in it

[pranavverma]

tell me the differnce b/w ngrx entity and ngrx effect

[SumitKhanduri]

Hi Nihira Sir,

I am getting compile time error "Invalid number of arguments, expected 0" on line number 19 ie., "return loadAssociateSuccess({list: data})"
i have followed exact step, i am on angular 17

Please help !!

[Naveenkumar-yyhq]

How add vertical screen bar in this table

[kishoremukherjee]

Your code has an issue, while adding the associate you are not making any change in id, you only update id for displaying. It affects the delete functionality. I pulled the code you have in github, and the problem is there in your code too. I wish you gave a solution for that

[venkatkalyan]

Am getting error at 1:06:58
It says type asssociates is missing the following properties ….
In actions.ts the expected type comes from property obj which is declared here on type ‘{obj :Associates } ‘
Can someone help me with this

[athul]

What is this associate? is it same as admin?

[josephcamillus]

41:12 I don't get data in array. What can I do?

[abhikarne]

While Displaying data, Every time Api Got Called Or m I getting Wrong

[gfxtechstudio]

Peoples like you make things worse, by writing un-maintainable code and increasing company cost. These things can be achieved with 50% less code as well.