Rendering

• Rendering involves the process of transforming code into a visual representation of a web page.
• For example, converting HTML into a viewable format on the browser
• Rendering occurs in generally in the following steps
  • First, the DOM tree for HTML is created
  • Second, the CSS is applied the the HTML
  • Third, the HTML is then represented visually on the screen

Why we use Javascript

• Javascript enables front end developers to dynamically manipulate HTML elements (manipulate the DOM)

Why we use VUE

• Vue adds additional features on top of Javascript. Using vanilla Javascript for enabling reactivity on websites is limited.

Server-Side Rendering

• Server Side items(pages or components) can be “pre-rendered” before page load and hence the website can load faster as they don’t need to “render” upon page load

Client-Side Rendering

• Client Side Items(pages or components) cannot be pre-rendered immediately as it involves some sort of reactive elements.
• As a result, the page is rendered on the initial page load.