Latest posts

flaming.codes hosts technical articles and tutorials by Tom Schönmann, with a focus on Full Stack development and Generative AI.

• Funkcionális komponensek vs React.FC TypeScript-ben: Egy kulturált párbeszédA TypeScript típusdefiníciók fejlődésének megértése a React komponensekben
• Boid építése: Mélységtudatos rajzás animáció React-benÁramló, parallaxis effektekkel ellátott madár szimulációk létrehozása, amelyek életre kelnek
• Az Ördög etetése: Fejlesztői útmutató az adatelőkészítéshez és mega-promptoláshoz AI-kódsegédek számáraMert még a legokosabb AI is jól megpakolt uzsonnásdobozra vágyik
• Túl a Next.js-en: A teljes stack JavaScript keretrendszerek helyzete 2025-benÁtfogó áttekintés a modern teljes stack JavaScript keretrendszerekről
• 80/20 Mérnökség: Így Építettem Újra a Weboldalamat Egy Hétvége AlattA Tervezés Erejéről Kódolás Előtt
• Mélységtudatos Boids Animáció Készítése React-benCsapatmunkában Stílusosan (és Parallax-al!)
• A Civet, egy a Typescript fölé épülő funkcionális programozási orientált nyelvA Civet szintaxisbeli fejlesztéseinek és integrációs ökoszisztémájának megvizsgálása a valós előnyök és potenciális kihívások értékelése érdekében
• Hogyan migráltam a flaming.codes oldalt Next.js-ről Qwik-reKéthetes utazásom a flaming.codes oldal Next.js-ről Qwik és Qwik City-re történő migrálása során
• A Windows 95 és jelentősége a számítógép történetébenMilyen jövőképeket hozott létre a Windows 95, amelyek ma is érvényesek
• Emlékezzen mindenre a Rewind.ai segítségével: használja munkáhozHogyan segíthet a Rewind.ai emlékezni olyan dolgokra, amelyeket már elfelejtettél
• Arc böngésző webfejlesztéshez és -kezeléshezHogyan javítja az Arc Browser felhasználói élménye a fejlesztők munkafolyamatát
• Háttérhangok iOS és macOS rendszerbenHáttérhangok használata nyugtató környezet létrehozására iOS és macOS rendszeren
• Barrel fájlok JavaScriptbenA barrel fájlok JavaScriptben való használatának előnyei és hátrányai
• Github Copilot LabsKísérleti bővítmény a Github Copilot fejlesztéséhez
• PWA képernyőképek előnézeteiKépernyőképek megjelenítése a PWA telepítési promptjában
• Csomag-aggnosztikus szkriptek Node.js-szelA szkriptek egyszerűsítése az NPM-ben, a Yarn-ben és a PNPM-ben
• A 'satisfies'-operátor a TypeScriptbenÉrvényesítse, hogy egy kifejezés típusa egyezik-e valamilyen típussal, anélkül, hogy megváltoztatná a kifejezés eredményül kapott típusát
• Útmutató kezdőknek a Node.js és az NPM használatáhozA Node.js és a Node Package Manager használatának megkezdése
• A külső monitorok vezérlése Windows rendszerenHogyan használhatunk ingyenes alkalmazást az összes monitor fényerejének szabályozására
• A sok különbség a Unix és a Linux közöttMiben különbözik egymástól a két legnépszerűbb operációs rendszer.
• Egy egyszerű bevezetés a Typescript-beRövid bevezetés a Typescript néhány fogalmába
• Szimbólum a JavascriptbenIsmerje meg a szimbólumokat: Az objektumtulajdonságok egyedi adattípusa
• DOM TreeWalker APIA TreeWalker API: Hatékony eszköz a DOM-fa bejárására.
• Jobb dokumentáció a TS & JS-benHogyan írjunk jobb dokumentumokat Javascriptben gazdag metaadatokkal
• A Tailwind-CSS konfiguráció típusaiA Typescript típusok használata a Tailwind-CSS-hez
• Sötét mód a Github Markdown képekhezKülönböző képek használata a Markdownban világos vagy sötét módban
• Hogyan határozzuk meg az operációs rendszert a böngészőbenHasználjon modern API-kat a webalkalmazás gazdarendszerével kapcsolatos információk lekéréséhez
• Indítson el egy adott iOS vagy iPadOS szimulátortHogyan használhatjuk a terminált bármely telepített szimulátor kiválasztásához és elindításához
• Új nézetablak méretekHogyan javíthatja az svh, lvh és dvh a reszponzív megjelenést?
• MSW a SvelteKitbenAz MSW megvalósítása a helyi fejlesztéshez a SvelteKitben
• Gitpod IDE a felhőbenMúlékony munkaterületek, minden a felhőben működik
• Licencgenerátor a SvelteKitbenHozzon létre egy listát a függőségekről a SvelteKit-projekt számára
• Lusta betöltő modulok a Svelte-benHogyan importálhatja az alkatrészt igény szerint
• Egyéni lib-mappa a SvelteKitbenHogyan hozzunk létre elérési aliast a SvelteKitben
• AfterDark képernyővédő macOS-hezHogyan telepítsem az egyik legjobb képernyővédőt
• Állítsa be a SvelteKit HMR-ét a GitpoddalA Hot Module Reload használata a SvelteKittel és a Gitpoddal
• Kösse össze a betűtípusokat a webalkalmazásbanHogyan biztosít a Fontsource betűtípusokat az alkalmazáshoz
• SVG létrehozása a Google FontsbólHogyan lehet webalkalmazással bármilyen szöveget SVG-vé alakítani
• Könnyű alternatíva az AxioshozKis alternatívaként a Redaxios használata az Axios helyett
• Kódértékelések: Hogyan emeld szintre készségeidetMiért a kódellenőrzés a leghatékonyabb eszköz a jobb fejlesztővé váláshoz?
• Raycast macOS-hezEgy sokoldalú eszköz számos gyakori feladatot vezérel
• Github kódkeresésA Github fuzzy-keresésének használata az adattárak számára
• A macOS külső kijelzők fényerejének szabályozásaA MonitorControl nevű alkalmazás használata a képernyő fényerejének módosításához
• „CSS áttekintése” a Chromium DevTools programjábanA CSS elemzése a DevTools segítségével
• Gépirat-sablon karakterlánctípusok, mint megkülönböztető tényezőkTovábbfejlesztett sablonliterális típusok Typescript 4.5-tel
• Töltse be a Node.js beépített moduljaitEgy kissé speciális import-szintaxis a beépített modulokhoz
• Kódolás VR-benA Meta Quest 2 (és több) miért mérföldkő a virtuális valóságban
• Távolítsa el a figyelmen kívül hagyott fájlokat a git-benEgy parancs a figyelmen kívül hagyott, bejelentkezett fájlok eltávolítására
• Fogja meg a hibákat a Promise.all-banA Javascript Promise.all biztonságos alternatívája
• A legerősebb SSH-terminálA VS Code használata napi SSH-terminálként
• A Github Copilot használataHogyan javíthatja egy AI drasztikusan a kódolási sebességet
• Github parancspalettaHogyan kereshet tárolókat és gyors műveleteket a Githubon
• UX esettanulmány egy blogbejegyzés oldalárólHogyan terveztem meg a cikkoldalt ehhez a webalkalmazáshoz
• Mi a „navigátor” a progresszív webes alkalmazásokban?Hogyan teszi lehetővé a „navigátor” a webes alkalmazások fokozatos fejlesztését
• Egyszerű animált analóg óra a Tailwind.css -benEgy nagyon egyszerű analóg óra létrehozása animációval csak a Tailwind.css -ben
• Portfólióoldal UX esettanulmányaA gondolatok, amelyek befolyásolták személyes portfólió oldalam kialakítását
• Áttekintő oldal UX esettanulmányaHogyan terveztem az áttekintő oldalt az összes posztkategória számára
• Speciális hálózati funkció az elemzési adatokhoz a böngészőbenA „sendBeacon” használata a kis adatdarabok megbízható továbbításához
• Xbar bővítmény írása a Plausible.io számáraHogyan írtam egy JS-bővítményt az xbar-alkalmazáshoz, hogy lássam az aktuális látogatók számát
• React.js portálAz elemek megjelenítésének varázsa a saját DOM-fán kívül
• iPhone képernyőmegosztás Mac rendszerenAz iOS képernyő megjelenítése a Mac számítógépen
• Next.js NPM licencgenerátorLicencek létrehozása a package.json fájlból
• Reagált kötegelt frissítésekAz állapotfrissítések egyesítése egyetlen megjelenítési hívásban
• Hálózati információs API PWA -khozHogyan lehet meghatározni a valódi hálózati adatokat a webalkalmazásban
• DaisyUI - Tailwind alkatrészekA Bootstrap megfelelője a Tailwind segédprogram osztályokhoz
• JSXA Javascript XML sytnax
• A DevTools nevű PWAA fejlesztő legjobb barátja valójában egy Progressive Web App, közvetlenül a Chromiumban
• Supabase - Backend szolgáltatáskéntA Firebase valóban nyílt forráskódú alternatívája
• Android növekményes FSHogyan teszi lehetővé az Android virtuális fájlrendszere a játék gyorsabb indítását
• Github felhasználó projektkörönkéntHogyan lehet egy másik Github-felhasználót használni különböző projektekhez
• SEO a Google Analytics nélkül?Elérheti a Google legfelsõbb rangját anélkül, hogy engedélyezné az Analytics szolgáltatást?
• Node.js hiba a kontextussalHogyan adhatunk hibát a dobásokhoz a V8 9.3 és újabb verzióiban
• Android Studio az Ubuntuban, NVM-melHogyan állítsuk be helyesen az NVM-et az Ubuntuban, hogy működjön együtt az Android Studio-val
• ES6 import paraméterekkelHogyan adhatunk át paramétereket egy ES6 modulnak importáláskor
• Javítás a Webkit 100 Vh-jához a Tailwind-benHogyan lehet kijavítani a 100vh viselkedést a Tailwind-ben
• Cserélje ki a Material-UI-t a Tailwind.css fájlraEsettanulmány a Material-UI lecseréléséről a Tailwind.css fájlra
• Gépirat címkézett sablon húrokHogyan használjuk a sablon karakterláncokat függvényként
• Cloudflare WorkersGyors kiszolgáló nélküli funkciók, amelyeket a Cloudflare CDN üzemeltet
• AndroidEnvInterfész a megerősítő tanuláshoz az Android OS eléréséhez
• Chrome & Edge DevTools parancsmenüHogyan lehet navigálni a DevTools-ban, mint egy erősebb felhasználó
• Next.js-config a típusellenőrzésselA típusellenőrzés használata a next.config.js fájlhoz
• Android teljesítményosztályAz egyes Android-verziók hogyan határozzák meg teljesítményszintjüket
• Haladó try / catch / végül Javascriptben és TypescriptbenNézze meg részletesen a try-catch-last-block blokk megvalósítását
• Gépírás Tuple típusokHogyan lehet a tipusokat legjobban beírni a 4.2-es és későbbi tipusokban
• Mi az AuthN és AuthZEgyszerű útmutató a hitelesítés és a hitelesítés közötti különbségről
• Gépirat privát osztály tulajdonságaiA gépírás támogatja az osztályok magán tulajdonságait
• Gépirat sablon karakterlánc típusokHogyan szűkítsük a karakterlánc típusokat a sablon karakterlánc mechanizmusával
• Webalkalmazás-jelző APIHogyan használjon jelvényt a telepített PWA-hoz
• Google ZX - shell szkriptek Javascript-telHogyan lehet shell-szkripteket írni a Javascript és a Node.js használatával
• Gépírásos csővezeték-kezelőLáncolt függvényhívásokat írjon gépírásba
• Kódterek: GithubAz IDE szolgáltatás, amely elérhető a böngészőben
• Firestore adatcsomagokA gyorsítótárazott Firestore dokumentumok új megvalósítása
• Web Locks APIKoordinálja a munkát és az erőforrások felhasználását a különböző folyamatok között
• Android emulátor az Apple M1-enAz Emulator for Android használata az Apple Silicon eszközökön
• PWA a Microsoft App Store-banA PWA közzététele a Microsoft App Store-ban
• Media Session APIMédia metaadatok és visszahívások biztosítása a PWA-ban
• Mikrodata a webes szemantikáhozHogyan javíthatja oldalait több szemantikai információval
• Miller oszlopokRemek elrendezési koncepció, amely megváltoztatta a fájlrendszerek felhasználói felületét
• PlazmásA WYSIWYG webalkalmazás-készítő
• Cypress Component Test RunnerÉpítési egység alkatrész tesztek a React
• Amikor a PWA beszélni kezdA WaveNet segítségével beszédszintézist adhatunk a cikkekhez
• Töltve Github MarkdownNézze meg, milyen sokoldalú lehet a Github Markdown
• Mi az a felhasználói felület mintája?Vessen egy pillantást a felhasználói felület tervezésének egy új aspektusára
• Digitális morfogenezisA természetes minták interdiszciplináris területe a digitális számításban
• Megbízható webes tevékenységA webalkalmazás érvényesítése - és Android-alkalmazás létrehozása belőle
• Alap Figyelem TokenÚj bevételi modell az interneten
• Hogyan tanultam meg 12 nyelvet - egy éjszaka alattHasználja a gépi tanulás legújabbjait és néhány okos gyorsítótárat
• Web Share APIHogyan használja a web natív share-API-ját
• Nyitás ≠ nyitásA nyílt tudomány formái, lehetőségei és hátrányai
• AC600 az UbuntunHogyan telepítsük a Netgear AC600 illesztőprogramjait az Ubuntura
• Firebase Functions tartományEgyéni tartomány használata a Firebase Functions számára
• Mi az XaaS?Ez minden, mint szolgáltatás, és így tovább
• PWA rezgés APIHasználjuk a navigátort az eszköz megrázásához
• UX-tanulmány: másolás a vágólapraHogyan készítsen másolatot vágólapra műveletet az UX-ben
• Fix mobil webkit 100vhA Mobile Webkit 100vh-s kezelésére nagyobb figyelmet igényelhet
• Költözés új lakásbaHogyan lehet új lakásba költözni, ha napi 12 órát dolgozik
• IntelliJ az Apple M1-hezA teljes IntelliJ-suite elérhető az Apple M-processzorai számára
• A távmunka vezetőjeHogyan lehet mindenkit és mindent szinkronban tartani
• RSS biztosításaEz a PWA RSS-hírcsatornát biztosít
• A Disney módszerHogyan lehet kreatívabb lenni szisztematikusabbá válással
• Privacy-First AnalyticsHogyan kell tisztelni a felhasználókat, és továbbra is figyelni a teljesítményt
• Kickscale SchedulerA Gmail-bővítmény az ingyenes értekezletek automatikus megtalálásához
• Átgondolt kódolásMiért több a kódolás, mint a szimbólumok összefűzése
• Tűzvédelmi kód velemItt az ideje, hogy felgyújtson egy kódot!