Rendering
Everything on SkillVeris tagged Rendering — collected across the glossary, study notes, blog, and cheat sheets.
20 resources across 3 libraries
Study Notes(10)
Silverlight vs WPF
A comparison of Silverlight and WPF — two XAML-based UI frameworks from Microsoft that share a common heritage but differ sharply in trust model, API surface,…
What Is WPF?
An introduction to WPF, Microsoft's DirectX-based UI framework for building Windows desktop applications with XAML and data binding.
WPF vs WinForms
A practical comparison of WPF and Windows Forms covering rendering, UI definition, and data binding to help you choose the right framework.
What Is Blazor?
An introduction to Blazor, Microsoft's C#-based framework for building interactive web UI without writing JavaScript.
Django Templates
Learn Django's built-in template language — variables, tags, filters, template inheritance, and how the template engine renders context into HTML safely.
Next.js Interview Questions
A curated set of Next.js interview questions covering rendering strategies, the App Router, data fetching, and performance, with model answers.
Server-Side Rendering
Understand how Server-Side Rendering (SSR) generates HTML on every request in Next.js, and how it differs from static generation.
Conditional Rendering in React
Learn the common patterns for showing or hiding UI elements based on conditions in React components.
Conditional Rendering: v-if and v-show
Explains Vue's two conditional rendering directives, how they differ at the DOM level, and how to choose the right one for performance and correctness.
List Rendering with v-for
Covers how v-for renders lists and objects in Vue templates, why the key attribute matters, and common performance and correctness pitfalls.
Cheat Sheets(1)
Interview Questions(9)
What Is the Virtual DOM?
The virtual DOM is an in-memory, lightweight JavaScript representation of the real DOM that frameworks like React use to compute the minimal set of changes nee…
Server-Side vs Client-Side Rendering
Server-side rendering (SSR) builds the full HTML for a page on the server and sends it ready to display, while client-side rendering (CSR) sends a near-empty H…
What is the DOM?
The DOM (Document Object Model) is a tree-structured, in-memory representation of an HTML or XML document that browsers build from parsed markup, letting JavaS…
How Do z-index and Stacking Contexts Work?
z-index controls the paint order of positioned elements along the axis perpendicular to the screen, but it only works within a stacking context, which is a sel…
How Does React Reconciliation Work?
Reconciliation is React’s algorithm for comparing a newly rendered element tree against the previous one and computing the minimal set of DOM mutations needed…
What Is List Virtualization and Why Use It?
List virtualization (or windowing) is a rendering technique that keeps only the small subset of list items currently visible within the scroll viewport mounted…
What Are React Server Components?
React Server Components (RSC) are components that render exclusively on the server, ship zero JavaScript to the browser, and can read data or the filesystem di…
Canvas vs SVG: When Should You Use Each for Web Graphics?
Canvas is an immediate-mode, pixel-based bitmap you draw onto imperatively with JavaScript and which forgets every shape once drawn, while SVG is a retained-mo…
What Is WebGL and How Does It Render Graphics in the Browser?
WebGL is a JavaScript API, based on OpenGL ES, that gives web pages direct access to the GPU through a canvas element so scenes can be rendered by running smal…