Server-Side Rendering (SSR) & Hydration in Angular Explained

Рет қаралды 16,848

Күн бұрын

Пікірлер: 42

@aarzootrehan5074 25 күн бұрын

You have created the best video for SSR , CSR . Perfect way of explaining i.e. showing practically with the inspector tool. Really loved watching this video which cleared what SSR, CSR is all about. Thanks for creating this. Subscribing you for more such informative videos.

@WebTechTalk 25 күн бұрын

Thank you so much for your great feedback.

@danielvega646 5 ай бұрын

This is one of the best web dev videos I have seen in a while.

@WebTechTalk 5 ай бұрын

Thank you so much.

@in3135 2 ай бұрын

Very clear explanations, nice !

@WebTechTalk 2 ай бұрын

Thank you so much 🙏

@NpPrinters Ай бұрын

great video thank you

@WebTechTalk Ай бұрын

Thank you

@Arunsspecial 6 ай бұрын

Which folder i have to host into server for publish after build browser or server ?

@WebTechTalk 6 ай бұрын

@@Arunsspecial For client side rendering you can deploy the browser folder and for SSR you can deploy the server folder.

@rahulmukherjee4700 7 ай бұрын

Very nicely explained

@WebTechTalk 7 ай бұрын

Thank you so much 🙂

@prakashbalu8424 4 ай бұрын

HI, I have one doubt how to deploy the dist folder into hostinger tool to deploy it?

@WebTechTalk 4 ай бұрын

I have not tried it in hostinger. But mostly we need to copy the contents of dist folder into their respective deployment directory. In some servers www will be the deployment folder.

@danielvega646 5 ай бұрын

Honestly, Angular is the best JavaScript framework, the v17 is potent with those signals and bult-in hydration

@WebTechTalk 5 ай бұрын

Yes. And it is getting better release by release.

@VK-sn3sn 2 ай бұрын

Are you an Angular Developer? I have 1+ experience in Angular and I must say it is the worst framework. I like React more than Angular. Its documentation is the worst. They never mention when to use which things. Just few definitions with beautiful colors.

@WebTechTalk 2 ай бұрын

Bro, I believe you learnt React first. But believe me I have worked in React for 4 years and in Angular pretty much from the start. I learnt Angular first. To me, Angular is the best when compared to React with respect to so many concepts like two-way binding, template and script separation, inbuilt routing, CLI, etc. Also, day by day, Angular is glowing with new features like Standalone Components, Signals, etc.

@VK-sn3sn 2 ай бұрын

@@WebTechTalk fine. Thanks for your reply. Everyone has different perspective. But as you are more experienced than me, I must admit your way. But still I don't like any documentation and content available for Angular. It has no proper guidelines to use anything. For example, from my 1+ experience, I learned that I had learned nothing through documentation. All the things I got to know from the Live Projects only. Like: 1. Change Detection Strategy OnPush is much better but very headache to handle it to work properly. 2. Angular Material's documentation is the worst, compared to Material UI library. 3. Worst community doubt support. etc.

@jashneaaftabi 9 ай бұрын

Good feature can we get the source for this example?

@WebTechTalk 9 ай бұрын

Sure. You can get it from this repo. github.com/freelancer-surender/Angular-General

@criticalthinker1123 Ай бұрын

*very good*

@WebTechTalk Ай бұрын

Thank you! 😃

@sandeep_gandham 9 ай бұрын

Nice concept sir

@WebTechTalk 9 ай бұрын

Thank you 👍

@sfspmusic 7 ай бұрын

is it valid for angular 18 or do we have to do it some other way now?

@WebTechTalk 7 ай бұрын

I have not upgraded to Angular 18 yet and so I didn't get a chance to check this. But, from the documentation I can understand, in angular 18 only the performance improvement has been done for SSR. And so, the process should be same.

@saadansari-x3d Ай бұрын

I'm also facing the same problem in angular 18 any guide to do it some time my screen will be stuck i have to refreshed the landing page.