<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="https://chierchia.fr/wp-content/plugins/pretty-rss-feeds/xslt/pretty-feed.xsl" type="text/xsl" media="screen" ?><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>web component - Ange Chierchia</title>
	<atom:link href="https://chierchia.fr/tag/web-component/feed/" rel="self" type="application/rss+xml" />
	<link>https://chierchia.fr/tag/web-component/</link>
	<description>Développeur Web full-stack</description>
	<lastBuildDate>Fri, 08 Aug 2025 14:00:54 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://chierchia.fr/wp-content/uploads/cropped-16350293-SSDKVqo3-32x32.jpg</url>
	<title>web component - Ange Chierchia</title>
	<link>https://chierchia.fr/tag/web-component/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
					<title>Web Components: Working With Shadow DOM</title>
					<link>https://chierchia.fr/2025/08/20250808155219/</link>
					<comments>https://chierchia.fr/2025/08/20250808155219/#respond</comments>
		
		<dc:creator><![CDATA[<span class='p-author h-card'>Ange Chierchia</span>]]></dc:creator>
		<pubDate>Mon, 11 Aug 2025 05:30:00 +0000</pubDate>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[Notes]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web component]]></category>
		<guid isPermaLink="false">https://chierchia.fr/?p=4607</guid>

					<description><![CDATA[Bookmarked Web Components: Working With Shadow DOM — Smashing Magazine. Je suis longtemps passé à côté du Shadow DOM. Trop abstrait, trop “spec moderne” pour mes besoins du quotidien. Mais cet article m’a recadré. Il explique comment le Shadow DOM te permet d’encapsuler un composant comme un vrai bloc isolé : pas de fuite de [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class='e-content'>
<div class="wp-block-indieblocks-bookmark"><div class="u-bookmark-of h-cite"><p><i>Bookmarked <a class="u-url p-name" href="https://www.smashingmagazine.com/2025/07/web-components-working-with-shadow-dom/">Web Components: Working With Shadow DOM — Smashing Magazine</a>.</i></p></div></div>



<p>Je suis longtemps passé à côté du Shadow DOM. Trop abstrait, trop “spec moderne” pour mes besoins du quotidien.</p>



<p>Mais cet article m’a recadré.</p>



<p>Il explique comment le Shadow DOM te permet d’encapsuler un composant comme un vrai bloc isolé : pas de fuite de styles, pas de conflits de noms, pas de comportements JS qui partent en sucette.</p>



<p>Et ça, dans une époque où chaque lib veut imposer sa logique, ça fait du bien de voir un truc standard qui tient la route.</p>



<p>On n’est pas obligés de tout reconstruire avec Web Components demain matin, mais piger comment le Shadow DOM fonctionne, c’est clairement un level-up pour écrire du code plus robuste — et plus pérenne</p>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://chierchia.fr/2025/08/20250808155219/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
					<title>Les composants Web pour les nuls</title>
					<link>https://chierchia.fr/2024/01/les-composants-web-pour-les-nuls/</link>
					<comments>https://chierchia.fr/2024/01/les-composants-web-pour-les-nuls/#respond</comments>
		
		<dc:creator><![CDATA[<span class='p-author h-card'>Ange Chierchia</span>]]></dc:creator>
		<pubDate>Mon, 08 Jan 2024 19:39:03 +0000</pubDate>
				<category><![CDATA[Bookmarks]]></category>
		<category><![CDATA[Notes]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web component]]></category>
		<guid isPermaLink="false">https://nighcrawl.com/blog/2024/01/les-composants-web-pour-les-nuls</guid>

					<description><![CDATA[En parcourant mon Feedbin ce midi je suis tombé par hasard sur un article d’Eric Meyer concernant les composants Web et grâce à lui j’ai compris comment ils fonctionnent et tout me parait un peu moins flou maintenant. Si comme moi vous n’aviez pas encore pu saisir leur intérêt, je vous conseille vivement d’aller le [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class='e-content'>
<div class="wp-block-indieblocks-bookmark"><div class="u-bookmark-of h-cite"><p><i>Bookmarked <a class="u-url" href="https://meyerweb.com/eric/thoughts/2023/11/01/blinded-by-the-light-dom/">https://meyerweb.com/eric/thoughts/2023/11/01/blinded-by-the-light-dom/</a>.</i></p></div><div class="e-content">
<p>En parcourant mon Feedbin ce midi je suis tombé par hasard sur <a href="https://meyerweb.com/eric/thoughts/2023/11/01/blinded-by-the-light-dom/">un article d’Eric Meyer concernant les composants Web</a> et grâce à lui j’ai compris comment ils fonctionnent et tout me parait un peu moins flou maintenant.</p>



<p>Si comme moi vous n’aviez pas encore pu saisir leur intérêt, je vous conseille vivement d’aller le lire ! J’espère pouvoir appliquer ça dans un futur projet au boulot et me faire les dents dessus <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<p>Je n’ai rien d’autre à ajouter. Juste, lisez le.</p>
</div></div>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://chierchia.fr/2024/01/les-composants-web-pour-les-nuls/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
