Angular Course with NgRx - Building Angular Project From Scratch

In this course we will build a Medium clone using Angular and NgRx. This course is fully focused on fast and deep dive into creation of real application with Angular and NgRx. We will start from scratch and step by step you will get close to finished real application. You will deeply understand how to structure your application, build reusable and understandable modules and components and split code into smaller chunks of code. We will write code together in efficient way to make it pure and avoid data complexity. 

For each lesson you'll get source code of the lesson, so it's easy to see the progress and get a working app on any lesson you want without retyping code from screen.

What you will learn in this course:
- Structure and configure project
- Write high quality code with Angular and NgRx on real project
- Isolating and splitting features
- Create reusable standalone components instead of modules
- Implementing authentication
- Cover everything with Typescript interfaces
- Working with real API
- Full compatibility with Angular signals

If you are feeling like you learned Angular but you still still missing knowledge of how to build your own real application this course is what you need. This course is fully focused on creating the application without getting deep into basic knowledge of Angular!

TIMESTAMPS
00:00 - Introduction
00:27 - Course introduction
01:40 - Bootstrapping the project
11:41 - Why NgRx?
15:06 - Project structure
21:45 - Prettier
24:49 - Language server
27:37 - Setting up local API
32:07 - Setiings strict configuration
33:38 - Register module
41:09 - Register layout
48:38 - Installing NgRx
59:52 - Installing Redux Devtools
01:04:24 - Creating auch interfaces
01:07:09 - Adding with reducer
01:15:17 - Creating selectors
01:21:14 - Register service
01:31:18 - Register effect
01:43:59 - Updating auth reducer
01:51:30 - Backend error messages
02:01:28 - Persistence service
02:10:18 - Outro

MOST POPULAR COURSES

FOLLOW ME

[amitsinha]

I was waiting for this entire collection for ngrx series . Thanks a lot!

[vojislavvukovic]

Nice refresh, tnx for video :) I am sure alot of ppl, including myself, would be interested for Nx getting introduced into this stack (best practices for NgRx with libs in Nx workspace etc). There aren't many guides right now that are covering this topic :)

[genarybin]

great work! everything is very clean and sequentially 👍

[anxiousdev]

Excellent lessons. Didn't know we can do all this within Angular and Ngrx. Thank a lot!

[gauravtikekar]

Thanks for this wonderful detailed video. Could you please create one video or short on when to use state management and when to avoid it? I learned from resources that state management is an overkill in some scenarios.

[hemanthhemu]

Your teaching skills are very good but i cant cope up with you because your using Vim ide. can you please switch to Vscode and explain the code little bit slow when ur writing it.

[otmanechentoufi]

Please use Vc so we can follow with and understand the structure of the project

[Chapalia]

Excellent tutorial. Learned a lot from it. Thank you

[pravinmane]

Thank you so much for this informative video on NgRx, I can see you have used combineLatest operator to pass argument as an single object of multiple observables, but mostly I have used like array of observables, can you please help me understanding if there is any specific reason or advantage that we get in using it as an object of observables?

[bharathkumarkamal]

Excellenet video, learnt a lot from this. It would be more helpful if project could be shared

[Georgii]

In chapter Setting up local API, you are mentioning an archive file. Where is it ?

[omjagtap]

The api is not working with localhost also

[mahdiandalib]

plz use vs code because its really confusing when you are using this editor...

[OliverSebastianHD]

Nice! Will definitely be looking into this later today.

[dylanjhalltech]

Really good video! I definitely learned something new

[deni]

Great video as always! Thank you for all valuable lessons you provide for us.
May I ask you to consider making some tutorials about Angular testing? Will be highly appreciated!

[graydhd]

Whats the difference between this and the 4 hour version? Is it redone or just condensed from the same material?

[manikandankaliyappan]

Great video with the clear explanation and one more questions, ARE YOUR COURSES DOWNLOADABLE AFTER SUBSCRIPTION?

[FiVibe]

When you install cli, you just need to omit -g if you don’t want to install globally and just to this directory. So why use npx, I am interested?

[zura]

when i try to run command "docker-compose build" it tells me that there is no configuration file provided: not found. how do i fix it? at 31:15