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

Поділитися
Вставка
  • Опубліковано 19 січ 2025

КОМЕНТАРІ • 42

  • @aarzootrehan5074
    @aarzootrehan5074 14 днів тому +1

    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
      @WebTechTalk  14 днів тому

      Thank you so much for your great feedback.

  • @danielvega646
    @danielvega646 5 місяців тому +2

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

  • @in3135
    @in3135 2 місяці тому +1

    Very clear explanations, nice !

  • @NpPrinters
    @NpPrinters Місяць тому +1

    great video thank you

  • @danielvega646
    @danielvega646 5 місяців тому +3

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

    • @WebTechTalk
      @WebTechTalk  5 місяців тому

      Yes. And it is getting better release by release.

    • @VK-sn3sn
      @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
      @WebTechTalk  2 місяці тому +1

      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
      @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.

  • @rahulmukherjee4700
    @rahulmukherjee4700 7 місяців тому +1

    Very nicely explained

  • @hexadecimalhexadecimal5241
    @hexadecimalhexadecimal5241 8 місяців тому +1

    amazing video will have to rewatch a few times though

    • @WebTechTalk
      @WebTechTalk  8 місяців тому

      Thank you. Is it difficult to understand?

    • @hexadecimalhexadecimal5241
      @hexadecimalhexadecimal5241 8 місяців тому +1

      @@WebTechTalk Its very clear, i just have to rewatch because there is a lot of information in every sentence you say!

    • @WebTechTalk
      @WebTechTalk  8 місяців тому +2

      @@hexadecimalhexadecimal5241 oh ok. Thanks

  • @jashneaaftabi
    @jashneaaftabi 8 місяців тому +2

    Good feature can we get the source for this example?

    • @WebTechTalk
      @WebTechTalk  8 місяців тому

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

  • @sandeep_gandham
    @sandeep_gandham 8 місяців тому +1

    Nice concept sir

  • @Hamir.
    @Hamir. 5 місяців тому +1

    really need a full setup video on ssr

  • @criticalthinker1123
    @criticalthinker1123 20 днів тому +1

    *very good*

  • @Arunsspecial
    @Arunsspecial 5 місяців тому

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

    • @WebTechTalk
      @WebTechTalk  5 місяців тому +2

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

  • @dishantbisht182
    @dishantbisht182 7 місяців тому +1

    Amazing ❤

  • @prakashbalu8424
    @prakashbalu8424 4 місяці тому

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

    • @WebTechTalk
      @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.

  • @PrasanthPonnusamy-c6m
    @PrasanthPonnusamy-c6m 3 місяці тому

    Hi bro, Can you add the elaborated video of SSR please ?

  • @sfspmusic
    @sfspmusic 7 місяців тому

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

    • @WebTechTalk
      @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
      @saadansari-x3d 29 днів тому

      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.

  • @Rocky-mz9hk
    @Rocky-mz9hk 8 місяців тому +1

    Waiting for react hero to superhero series 🎉

  • @Arunsspecial
    @Arunsspecial 5 місяців тому

    Please reply