What is Rendering?
The process of turning your code and data into the visual display users see
Why It Matters
Understanding rendering helps you build fast, smooth user interfaces
Real-World Example
React rendering a list of products based on data from your database
Related Terms
Virtual DOM
A lightweight copy of the page that React uses to figure out what needs to change
SSR (Server-Side Rendering)
Generating web pages on the server for each request, then sending complete HTML to the browser
Hydration
The process where JavaScript takes over a server-rendered page to make it interactive
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
SSR (Server-Side Rendering)
Generating web pages on the server for each request, then sending complete HTML to the browser
Hydration
The process where JavaScript takes over a server-rendered page to make it interactive
Virtual DOM
A lightweight copy of the page that React uses to figure out what needs to change
Frontend
The part of a website or app that users see and interact with directly
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling