DO
Size: a a a
DO
DO
DO
O
T
D
D
VS
<div class="vacancies">
{selectedVacancy} ? <VacancyDetail /> : <VacancyGridView />
</div>
D
<div class="vacancies">
{selectedVacancy} ? <VacancyDetail /> : <VacancyGridView />
</div>
<script>
import VacancyDetail from ‘./VacancyDetail.svelte’
import VacancyGridView from ‘./VacancyGridView.svelte’
…
let component = selectedVacancy ? VacancyDetail : VacancyGridView
</script>
<svelte:component this={component} />
VS
<script>
import VacancyDetail from ‘./VacancyDetail.svelte’
import VacancyGridView from ‘./VacancyGridView.svelte’
…
let component = selectedVacancy ? VacancyDetail : VacancyGridView
</script>
<svelte:component this={component} />
D
{#if}
?VS
<script>
import VacancyDetail from ‘./VacancyDetail.svelte’
import VacancyGridView from ‘./VacancyGridView.svelte’
…
let component = selectedVacancy ? VacancyDetail : VacancyGridView
</script>
<svelte:component this={component} />
$: selectedVacancy = $isVacancySelected;
let component = selectedVacancy ? VacancyDetail : VacancyGridView
SS
A
$: selectedVacancy = $isVacancySelected;
let component = selectedVacancy ? VacancyDetail : VacancyGridView
D
let component = $isVacancySelected ? VacancyDetail : VacancyGridView
A
{#if}
?D
A