Glossary coding Term Page

Conditional rendering

Showing an element only when a state matches

conditional-rendering #coding#svelte

Related Concepts

List rendering key Empty state

Core Idea

Conditional rendering is Showing an element only when a state matches, implemented via {#if} blocks. It usually makes the most sense alongside List rendering, key, Empty state.

Why It Matters Here

Mathbong reuses this term across svelte posts as shared vocabulary.

Posts Mentioning This Concept

[Svelte 시리즈 4편] `{#if}`와 `{#each}`로 화면을 조립해 보자 조건부 렌더링과 리스트 렌더링을 활용해 데이터 상태에 맞춘 화면을 구성하는 방법을 실용 예제와 함께 정리합니다.[Svelte Series 4] Build Screens with `{#if}` and `{#each}` Shows how to combine conditional and list rendering to match UI states to incoming data.