<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Slot Komponen - JocoDEV</title>
	<atom:link href="https://jocodev.id/tag/slot-komponen/feed/" rel="self" type="application/rss+xml" />
	<link>https://jocodev.id</link>
	<description>Digitalisasi untuk bisnis yang lebih baik</description>
	<lastBuildDate>Wed, 16 Apr 2025 02:44:15 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://jocodev.id/wp-content/uploads/2023/04/cropped-favicon-32x32.png</url>
	<title>Slot Komponen - JocoDEV</title>
	<link>https://jocodev.id</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Belajar Svelte &#8211; Framework JavaScript untuk Pemula</title>
		<link>https://jocodev.id/belajar-svelte-untuk-pemula/</link>
					<comments>https://jocodev.id/belajar-svelte-untuk-pemula/#respond</comments>
		
		<dc:creator><![CDATA[Joko Nugroho]]></dc:creator>
		<pubDate>Tue, 15 Apr 2025 14:08:00 +0000</pubDate>
				<category><![CDATA[Svelte]]></category>
		<category><![CDATA[Animasi Transisi]]></category>
		<category><![CDATA[binding data]]></category>
		<category><![CDATA[Efek Fade Slide Fly]]></category>
		<category><![CDATA[event handling]]></category>
		<category><![CDATA[File Tunggal]]></category>
		<category><![CDATA[Filter Daftar Data]]></category>
		<category><![CDATA[Form Handling]]></category>
		<category><![CDATA[framework JavaScript]]></category>
		<category><![CDATA[HTML CSS JS]]></category>
		<category><![CDATA[Kompilasi Kode]]></category>
		<category><![CDATA[Komponen Modular]]></category>
		<category><![CDATA[Kondisi Perulangan]]></category>
		<category><![CDATA[Modifier Event]]></category>
		<category><![CDATA[Named Slot]]></category>
		<category><![CDATA[Pengembangan Web Modern]]></category>
		<category><![CDATA[Reaktivitas Otomatis]]></category>
		<category><![CDATA[Remote Control Event]]></category>
		<category><![CDATA[Sintaks Sederhana]]></category>
		<category><![CDATA[Slot Komponen]]></category>
		<category><![CDATA[state management]]></category>
		<category><![CDATA[Store Global]]></category>
		<category><![CDATA[Tanpa Runtime]]></category>
		<category><![CDATA[Ukuran Ringan]]></category>
		<category><![CDATA[Update UI Otomatis]]></category>
		<category><![CDATA[Variabel Reaktif]]></category>
		<guid isPermaLink="false">https://jocodev.id/?p=12608</guid>

					<description><![CDATA[<p>"Jeruk"]; $: filteredList = list.filter(item =&#62; item.toLowerCase().includes(searchQuery)); &#60;/script&#62; &#60;input type="text" bind:value={searchQuery} /&#62; &#60;ul&#62; {#each filteredList as item} &#60;li&#62;{item}&#60;/li&#62; {/each} &#60;/ul&#62; Komponen dan Slot Komponen memungkinkan ... pengorganisasian kode yang modular. Contoh Komponen dengan Slot: &#60;!-- Button.svelte --&#62; &#60;button&#62; &#60;slot&#62;Tombol&#60;/slot&#62; &#60;/button&#62; &#60;!-- App.svelte --&#62; &#60;script&#62; import Button from "./Button.svelte"; &#60;/script&#62; &#60;Button&#62;Hapus&#60;/Button&#62; &#60;Button</p>
<p>The post <a href="https://jocodev.id/belajar-svelte-untuk-pemula/">Belajar Svelte – Framework JavaScript untuk Pemula</a> first appeared on <a href="https://jocodev.id">JocoDEV</a>.</p>]]></description>
										<content:encoded><![CDATA["Jeruk"]; $: filteredList = list.filter(item =&gt; item.toLowerCase().includes(searchQuery)); &lt;/script&gt; &lt;input type="text" bind:value={searchQuery} /&gt; &lt;ul&gt; {#each filteredList as item} &lt;li&gt;{item}&lt;/li&gt; {/each} &lt;/ul&gt; Komponen dan Slot Komponen memungkinkan ... pengorganisasian kode yang modular. Contoh Komponen dengan Slot: &lt;!-- Button.svelte --&gt; &lt;button&gt; &lt;slot&gt;Tombol&lt;/slot&gt; &lt;/button&gt; &lt;!-- App.svelte --&gt; &lt;script&gt; import Button from "./Button.svelte"; &lt;/script&gt; &lt;Button&gt;Hapus&lt;/Button&gt; &lt;Button<p>The post <a href="https://jocodev.id/belajar-svelte-untuk-pemula/">Belajar Svelte – Framework JavaScript untuk Pemula</a> first appeared on <a href="https://jocodev.id">JocoDEV</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://jocodev.id/belajar-svelte-untuk-pemula/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
