<?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>Programovanie &#8211; Jakub Bajzath | Senior Frontend Developer</title>
	<atom:link href="https://hello.bajzath.cloud/sk/category/programovanie/feed" rel="self" type="application/rss+xml" />
	<link>https://hello.bajzath.cloud</link>
	<description></description>
	<lastBuildDate>Mon, 04 May 2026 10:47:30 +0000</lastBuildDate>
	<language>sk-SK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://hello.bajzath.cloud/wp-content/uploads/2026/04/icon-150x150.png</url>
	<title>Programovanie &#8211; Jakub Bajzath | Senior Frontend Developer</title>
	<link>https://hello.bajzath.cloud</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Ako som vytvoril IPTV apku Couchly (a používam ju)</title>
		<link>https://hello.bajzath.cloud/sk/ako-som-vytvoril-iptv-apku-couchly-a-pouzivam-ju</link>
					<comments>https://hello.bajzath.cloud/sk/ako-som-vytvoril-iptv-apku-couchly-a-pouzivam-ju#respond</comments>
		
		<dc:creator><![CDATA[jakub.bajzath]]></dc:creator>
		<pubDate>Mon, 04 May 2026 10:37:40 +0000</pubDate>
				<category><![CDATA[Aplikácie]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[Programovanie]]></category>
		<category><![CDATA[aplikácie]]></category>
		<category><![CDATA[avp]]></category>
		<category><![CDATA[ionic]]></category>
		<category><![CDATA[ios]]></category>
		<category><![CDATA[iptv]]></category>
		<category><![CDATA[stream]]></category>
		<category><![CDATA[vlc]]></category>
		<guid isPermaLink="false">https://hello.bajzath.cloud/?p=245</guid>

					<description><![CDATA[Občas, keď si potrebujem pozrieť niečo v telke, hoc mám Orange TV, nemôžem. Dôvodom je že tieto televízie nie sú dostupné v aplikácií napriek tomu že na TV sú dostupné. Je to v poriadku a chápem tomu. Preto som už dávnejšie zvolil možnosť používať IPTV Streams. Problém však občas nastáva v tom, že dobrá aplikácia [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Občas, keď si potrebujem pozrieť niečo v telke, hoc mám Orange TV, nemôžem. Dôvodom je že tieto televízie nie sú dostupné v aplikácií napriek tomu že na TV sú dostupné. Je to v poriadku a chápem tomu. Preto som už dávnejšie zvolil možnosť používať IPTV Streams. Problém však občas nastáva v tom, že dobrá aplikácia pre iOS, ktorá by vo verzii zdarma pokrývala všetky moje use-cases (kategórie, PIP, obľúbené, či enkodovanie contentu) &#8211; za mňa neexistuje.</p>



<p class="wp-block-paragraph">Napriek tomu uznávam, že niektoré z týchto aplikácií nemajú drahé subscriptions, či one-time payment pre lifetime prístup. Ale môj problém je v tom, že ako programátor nechcem platiť za niečo, čo si myslím že dokážem spraviť aj sám. Preto som sa rozhodol že si aplikáciu napíšem. </p>



<p class="wp-block-paragraph">Keďže už mám skúsenosti s Ionicom (framework pre hybridné apps), rozhodol som sa pre túto cestu. Stack bol celkom tradičný pre mňa &#8211; to znamená <code>Ionic v kombinácii s Vue 3 a Typescript</code> support. Bootstrap pre aplikáciu bol jednoduchý, nasetupoval som všetky potrebné views v default UX scope. Pokračoval som ďalej a začal som pátrať, ako to vlastne celé fuguje. Parsing bol relatívne jednoduchý, m3u files majú dobre pred-definovanú štruktúru a tak všetky potrebné info boli ľahko dosiahnuteľné. Takže som mal dáta a bolo potrebné vytvoriť player. Apple sám má podporu pre video-player veľmi dobrú, použil som teda <code>AVPlayer</code>. </p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped ios-screenshots wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1181" height="2560" data-id="253" src="https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-scaled.png" alt="" class="wp-image-253" style="aspect-ratio:1" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-scaled.png 1181w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-138x300.png 138w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-472x1024.png 472w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-768x1665.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-709x1536.png 709w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7020-945x2048.png 945w" sizes="(max-width: 1181px) 100vw, 1181px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1181" height="2560" data-id="254" src="https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-scaled.png" alt="" class="wp-image-254" style="aspect-ratio:1" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-scaled.png 1181w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-138x300.png 138w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-472x1024.png 472w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-768x1665.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-709x1536.png 709w, https://hello.bajzath.cloud/wp-content/uploads/2026/05/IMG_7019-945x2048.png 945w" sizes="(max-width: 1181px) 100vw, 1181px" /></figure>
<figcaption class="blocks-gallery-caption wp-element-caption">Screenshoty z aplikácie Couchly</figcaption></figure>



<p class="wp-block-paragraph">Všetko fungovalo bez problémov, ale po čase (testoval som iba jeden kanál) som si všimol že niektoré streamy majú problém s prehliadačom. Zistil som, že AVPlayer nemá úplnú podporu formátov a tak dekódovanie niektorých z nich môže spôsobovať problémy. Začal som pátrať a došiel som k tomu, že je zrejme lepšie použiť <code>VLC Based</code> prehrávač, ktorý už aj zo skúseností z PC vieme, že má výbornú podporu a prehrá &#8222;prakticky všetko&#8220;. A tak aj bolo. Začali fungovať aj streamy, ktoré predtým nefungovali. Ako som tak testoval celú aplikáciu a bol šťastný že celý prehrávač funguje, minimalizoval som aplikáciu aby som zistil &#8211; že PIP (Picture in Picture) prestal fungovať.</p>



<p class="wp-block-paragraph">Toto bol logický krok. PIP podpora existuje pre AVPlayer ako natívny spôsob prehrávania obsahu, no VLC ho nepodporuje. Premýšľal som, ako viem tento problém vyriešiť, zapojil aj AI a zistil, že toto sa obíjsť jednoducho nedá. Rozhodol som sa preto ísť s dual-support. AVPlayer ako hlavný prehrávač a v prípade problémov, fallback na VLC. Toto si ale vyžadovalo systematické uvažovanie a vytvorenie pluginu pre Swift, keďže to natívne riešiť len cez Ionic je celkom problém. Zapojil som preto Claude Code (všetko bolo riešené cez <code>Claude Opus 4.6 Thinking</code> a ten spravil prácu ktorú som očakával. Vytvoril dual-support plugin, ktorý som len integtoval v XCode po builde wrapperu pre iOS a všetko fungovalo. Musel som ešte poriešiť pár issues s minimalizovaním apky, prerenderovaním a podobné maličkosti, ale gro aplikácie fungovalo. </p>



<p class="wp-block-paragraph">V tomto momente som znova odložil AI a pokračoval s integráciou funkcionality. Pridal som možnosť ukladania staníc do obľúbených, posledné videné stanice a taktiež horizontal-scroll pre kategórie, keďže nie každému sa chce listovať. Otestoval v reálnom prostredí na produkčnom builde v XCode a všetko fungovalo tak ako som potreboval. </p>



<p class="wp-block-paragraph">Aplikáciu mi trvalo vytvoriť približne dva dni a to s pomocou AI. Neviem ako dlho by som písal plugin vo Swifte ktorý by riešil dual-support pre dva video prehrávače, takže za túto časť som vďačný. </p>



<p class="wp-block-paragraph">Jeden z problémov na ktoré som narazil bol pokus o zostrenie videa. Niektoré streamy majú nízku kvalitu a preto sa mi páčila myšlienka zostrenia obrazu pomocou <code>SVG filtra</code> alebo <code>WebGL shaderu</code>. Tu som ale narazil na viacero problémov. Hlavne teda support pre oba prehrávače, alebo prípadne nemožnosť použitia vo full-screene. Skúšal som aj <code>CSS filtering</code> či <code>canvas</code>, no obe mali problémy a skôr robili aplikáciu zbytočne nestabilnou, v niektorých prípadoch s obrovskou záťažou na baterku zariadenia.</p>



<p class="wp-block-paragraph">S tým som sa ale zmieril a som rád, že môžem používať plnohodnotnú aplikáciu v iOS a sledovať streamy so všetkými výhodami ktoré potrebujem a zdarma. Ak máte záujem, build viem poskytnúť 🙃 </p>



<p class="wp-block-paragraph">A tu ešte krátke demo.</p>



<figure class="wp-block-video aligncenter ios-video"><video height="2616" style="aspect-ratio: 1290 / 2616;" width="1290" controls muted src="https://hello.bajzath.cloud/wp-content/uploads/2026/05/ScreenRecording_05-04-2026-12-02-58_1.mov"></video></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://hello.bajzath.cloud/sk/ako-som-vytvoril-iptv-apku-couchly-a-pouzivam-ju/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://hello.bajzath.cloud/wp-content/uploads/2026/05/ScreenRecording_05-04-2026-12-02-58_1.mov" length="75392950" type="video/quicktime" />

			</item>
		<item>
		<title>Mojich TOP 8 rozšírení pre VSCode, na ktoré nedám dopustiť</title>
		<link>https://hello.bajzath.cloud/sk/mojich-top-8-rozsireni-pre-vscode-na-ktore-nedam-dopustit</link>
					<comments>https://hello.bajzath.cloud/sk/mojich-top-8-rozsireni-pre-vscode-na-ktore-nedam-dopustit#respond</comments>
		
		<dc:creator><![CDATA[jakub.bajzath]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 06:54:43 +0000</pubDate>
				<category><![CDATA[Programovanie]]></category>
		<category><![CDATA[Zaujímavosti]]></category>
		<category><![CDATA[programovanie]]></category>
		<category><![CDATA[rozšírenia]]></category>
		<category><![CDATA[vscode]]></category>
		<guid isPermaLink="false">https://hello.bajzath.cloud/?p=193</guid>

					<description><![CDATA[Ak programujete, určite viete že rozšírenia do IDE patria medzi najväčších pomocníkov. Ja osobne som si prešiel niekoľkými kombináciami a to či už v PHPStorme, alebo v mojom aktuálnom setupe &#8211; vo VSCode. Niekoľko pre VSCode som musel inštalovať preto, aby som dosiahol rovnaký compatibility-level s VSCode, niektoré sú pre mňa nice-to-have. Toto je TOP [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Ak programujete, určite viete že rozšírenia do IDE patria medzi najväčších pomocníkov. Ja osobne som si prešiel niekoľkými kombináciami a to či už v PHPStorme, alebo v mojom aktuálnom setupe &#8211; vo VSCode. Niekoľko pre VSCode som musel inštalovať preto, aby som dosiahol rovnaký compatibility-level s VSCode, niektoré sú pre mňa nice-to-have. Toto je TOP 8 rozšírení, ktoré si inštalujem automaticky. Rozšírenia nie sú zoradené automaticky, ale podľa toho ako som sa k nim počas prechádzania dostal.</p>



<h2 class="wp-block-heading">Error Lens</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="357" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-1024x357.png" alt="" class="wp-image-196" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-1024x357.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-300x105.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-768x268.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1.png 1318w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Zobrazovanie chýb patrí medzi najčastejšie &#8222;bolesti&#8220; v IDE. Chyby často vidíte buď až vtedy keď na ne spravíte hover v IDE, prípadne máte centralizovaný view s chybami. Error Lens umožňuje zobrazovať chyby priamo vo working window a v kóde. Chyby tak vidíte okamžite, viete si nastaviť ich level, formátovanie a okrem chýb vám dokáže zobrazovať napríklad aj spelling mistakes. Vďaka tomu nemusíte klikať na jednotlivé chyby, ale vidíte ich priamo. </p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--2"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">PHPStorm Dark Theme</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="358" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-1024x358.png" alt="" class="wp-image-207" style="object-fit:cover" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-1024x358.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-300x105.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-768x269.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2.png 1237w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Jedna z prvých vecí, ktoré som inštaloval. Pre mňa bola Dark Theme v PHPStorme najlepšia s akou som kedy pracoval a veľmi som si na tému zvykol. Jemne som si ju prispôsobil na zvýrazňovanie kódu (funkcie, bloky, konštanty a podobne) aby téma trafila presne do farebného scopu aký bol v PHPStorm. Ale prechod bol prakticky absolútne intuitívny a okamžite som sa cítil ako v PHPStorme.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--3"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=ericgomez.phpstorm-theme" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Project Manager</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="352" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-1024x352.png" alt="" class="wp-image-212" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-1024x352.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-300x103.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-768x264.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3.png 1239w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Oragnizácia projektov je pre mňa veľmi dôležitá. Projekty chcem mať organizované, vybrať si aké chcem aktuálne prezerať a na ktorých pracovať. Project Manager robí presne to, čo od neho očakávam. Či už sa jedná o projekty ktoré sú git-based, alebo nie, organizuje ich, dokáže vytvárať workspaces, a automaticky ich aktualizovať. Prepínač na spodnej lište potom prepína medzi jednotlivými projektami, či už v aktuálnom working window, alebo vytvára nové taby. </p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--4"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Regex Previewer</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="398" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-1024x398.png" alt="" class="wp-image-217" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-1024x398.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-300x117.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-768x299.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4.png 1237w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Pozáte to. Pracujete s regexom. Potrebujete si tu a tam čo potestovať, popozerať aké máte matches verzus pattern ktorý máte pripravený a podobne. Ja som osobne používal regex101, ale prišlo mi celkom neefektívne otvárať prehliadač a testovať regex zakaždým keď som si chcel niečo overiť. Našiel som však Regex Previewer. Ten vám umožní otvoriť si akýkoľvek regex pattern na side-by-side tabe a tam testovať jeho priepustnosť. Ak máte test-case batch, napríklad rôzne cases po riadkoch, rovno ich všetky prebehne a ukáže vám, ktoré sú match a ktoré nie.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--5"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=chrmarti.regex" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Git Prefix</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="599" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-1024x599.png" alt="" class="wp-image-220" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-1024x599.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-300x175.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-768x449.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6.png 1231w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Pracujem veľa s GIT-om a taktiež s JIRou. Tasky, úlohy, fixy a podobne. A keďže som celkom organizovaný človek, mám rád na všetkom nálepky &#8211; tagy &#8211; indikátory. Mám zaužívanú convention, že branch name nazývam podľa tasku, ku ktorému je priradená a to isté s commits. Preto ak sa mi stane, že idem niečo commitovať, keď som prešiel na VSCode, ručne som všetky commit message prependoval s branch name (v mojom prípade JIRA issue ID). A potom som našiel Git Prefix. Ten spraví presne to isté. Pozrie vašu branchu a prefixne commit message s ňou. V nastaveniach si viete nastaviť aj iné indikátory, spraviť default pattern a podobne.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--6"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=srmeyers.git-prefix" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Git Graph</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="513" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-1024x513.png" alt="" class="wp-image-222" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-1024x513.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-300x150.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-768x385.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7.png 1249w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Môj skromný názor je, že GIT vo VSCode je trošku menej &#8222;na steroidoch&#8220; ako v PHPStorme. PHPStorm ponúkal niekoľko helperov, tools, ktoré vo VSCode nenájdeme. Jednou z nich je napríklad mergovanie branchí. PHPStorm automaticky vytváral &#8222;middle-commit&#8220; napríklad pri konfliktoch stalled branchí. VSCode toto nevie a musíte si tento medzikrok spraviť ručne, inak vám nedovolí mergovať do vašej branche novšie branche s konfliktami. Git Graph sa ku mne dostal od kolegu a musím uznať že jeho UI je prepracované, pekne zobrazuje tagged branches, prehľadne, s rozdielmi a mergovanie branchí s konfliktami je pre mňa omnoho jednoduchšie.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--7"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Vue (Official)</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="457" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-1024x457.png" alt="" class="wp-image-225" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-1024x457.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-300x134.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-768x343.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9.png 1243w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Keďže je môj primárny framework pre frontendovú prácu Vue, používam oficiálny Vue plugin. Plugin ponúka všetky potrebné toolingy, ako zvýrazňovanie syntaxe, auto-complete, typecheck, či formátovanie (štýly, kód  v SFC&#8217;s). Tento plugin spája (a to nie len obrazne) predošlý setup v ktorom existovali dva pluginy pre Vue 2 a Vue 3 (známy Volar). Plugin Vue (Official) spája funkcionalitu oboch do jedného s cross-support. Niektoré veci však pri spájaní nebolo možné resolvnúť a preto si pozrite Issues na GIThube ktoré by vás mohli hitnúť (hlavne staršie Vue 2 setupy).</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--8"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=Vue.volar" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Oxc</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="436" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-1024x436.png" alt="" class="wp-image-228" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-1024x436.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-300x128.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-768x327.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10.png 1241w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">OXC je zjednodušene formatter a linter na steroidoch. Okrem toho že spája tieto dve základné funkcionality, je napísaný v Rust-e, takže je oproti konvenčným linterom (ESLint) a formatterom (Prettier) extrémne rýchly. Je pravda, že stále má určité nedostatky, spôsobené tým že všetky rules ešte nie sú premigrované do Oxc setupu, takže niektoré veci môžu chýbať, no jeho vývoj je aktívny a rýchly, takže kompletná migrácia je le otázkou času. Naviac Oxc ponúka migrátor, takže vaše existujúce konfigy sa zmigrujú pomocou CLI a máte prakticky one-click transition bez väčších problémov. </p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--9"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=oxc.oxc-vscode" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://hello.bajzath.cloud/sk/mojich-top-8-rozsireni-pre-vscode-na-ktore-nedam-dopustit/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
