我们可以使用Angular 2的服务器端预呈现来代替服务器模板引擎吗？

Question

I am a student, and still very new to web development. Recently, I have come across angular 1.x, react.js, and angular 2 (Ultimately decided to land on angular 2).

One thing that have hung in my mind lately is server-side pre-rendering. In my thought, this server-side pre-rendering is doing the job of server template processor (Like jade.js. I haven't tried it though). The difference is that the js templating code can be reused on client-side. Is my understanding correct? Does it mean that we can use angular 2 or react in place of other templating engines?

Answer 1

Angular 2's server-side rendering isn't replacing a templating engine.

Server-side rendering lets you write your Angular 2 code as you normally would (with or without something like jade). The server renders the first page the user will see, so the user isn't looking at a blank page while the javascript loads. This decreases perceived page load times and makes the site more accessible to web crawlers.

This video shows how you would implement server-side rendering in Angular 2. There are some links to starter repos in the comments.

Answer 2

Angular 2 Universal is the server rendering project that is developed PatricJS and Jeff Wepley. Here is the maintained project in git. It's a starter seed for new comers.

Here (SystemJS)

For WebPack

For usage:

git clone https://github.com/angular/universal-starter/
git checkout systemjs