[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"\u002Fhall-of-fame\u002Ffabian-hiller":3},{"speaker":4,"podcastCount":287,"pickOfTheDayCount":288},{"id":5,"sort":6,"slug":7,"academic_title":6,"first_name":8,"last_name":9,"occupation":10,"description":11,"website_url":12,"bluesky_url":6,"twitter_url":6,"linkedin_url":13,"youtube_url":14,"github_url":15,"instagram_url":16,"profile_image":17,"podcasts":28,"picks_of_the_day":144,"tags":252,"tagsPrepared":285,"podcastsPrepared":286},"1a2d119e-1481-4e43-bd72-b3b9969fa639",null,"fabian-hiller","Fabian","Hiller","CTO und Co-Founder von Adstock","\u003Cp>Fabian gründete bereits mit 18 Jahren sein erstes Unternehmen und hat weitere Firmen neben Restaurants und Vereinen in seiner Umgebung mit Grafikdesign und Webentwicklung unterstützt. 2018 gründete Fabian mit seinem Unternehmen Adstock bereits zum zweiten Mal. Mitte 2021 stieß er zur programmier.bar hinzu und setzte die Webseite um, auf der ihr euch gerade befindet.\u003C\u002Fp>\n\u003Cp>Neben seinem YouTube-Kanal, auf dem er Wissen und Erfahrungen rund um UI\u002FUX-Design sowie App- und Webentwicklung teilt, ist er an vielen weiteren Softwareprojekten beteiligt.\u003C\u002Fp>\n","https:\u002F\u002Fmegalink.io\u002Ffabian","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Ffabianhiller","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FFabianHiller","https:\u002F\u002Fgithub.com\u002Ffabian-hiller","https:\u002F\u002Fwww.instagram.com\u002Ffabian.hiller",{"id":18,"title":19,"description":6,"tags":6,"location":6,"filename_disk":20,"filename_download":21,"metadata":6,"type":22,"filesize":23,"modified_by":24,"modified_on":25,"embed":6,"uploaded_by":6,"uploaded_on":26,"folder":6,"width":27,"height":27,"charset":6,"duration":6},"94cc8ed8-3ec7-4897-8cfe-fee5d4cef5ea","Fabian Hiller","94cc8ed8-3ec7-4897-8cfe-fee5d4cef5ea.jpg","fabian_hiller_profil_ed43af94d1.jpg","image\u002Fjpeg","38978","1fca8f5a-63fc-4aaf-9e54-3e469622bee0","2022-02-10T18:33:21.264Z","2021-12-30T14:17:32.793Z",1024,[29,51,70,87,111,127],{"podcast":30},{"id":31,"slug":32,"published_on":33,"type":34,"number":35,"title":36,"audio_url":37,"cover_image":38},"446e647e-c078-4bc7-b5be-83a145d2b149","deep-dive-129-qwik-mit-fabian-hiller","2023-06-30T15:00:00.000Z","deep_dive","129","Qwik mit Fabian Hiller","https:\u002F\u002Fwww.buzzsprout.com\u002F176239\u002F13138929-deep-dive-129-qwik-mit-fabian-hiller.mp3",{"id":39,"title":40,"description":6,"tags":6,"location":6,"filename_disk":41,"filename_download":42,"metadata":43,"type":44,"filesize":45,"modified_by":6,"modified_on":46,"embed":6,"uploaded_by":47,"uploaded_on":48,"folder":6,"width":49,"height":50,"charset":6,"duration":6},"486c5a62-ca65-4b09-a212-bd663007d1b8","129 Ig Fb Fabian Hiller","486c5a62-ca65-4b09-a212-bd663007d1b8.png","129_ig_fb_fabian_hiller.png",{},"image\u002Fpng","3542335","2023-06-29T09:43:15.144Z","7d52cb41-56d8-499c-b7a2-46c2e0d8f405","2023-06-29T09:43:14.774Z",3001,3002,{"podcast":52},{"id":53,"slug":54,"published_on":55,"type":34,"number":56,"title":57,"audio_url":58,"cover_image":59},"40be226a-fcb7-4910-afc2-8699c8118bf9","deep-dive-213-valibot-formisch-mit-fabian-hiller","2026-08-04T04:00:00.000Z","213","Valibot & Formisch mit Fabian Hiller","https:\u002F\u002Fwww.buzzsprout.com\u002F176239\u002Fepisodes\u002F19592337-deep-dive-213-valibot-formisch-mit-fabian-hiller.mp3",{"id":60,"title":61,"description":6,"tags":6,"location":6,"filename_disk":62,"filename_download":63,"metadata":64,"type":44,"filesize":65,"modified_by":6,"modified_on":66,"embed":6,"uploaded_by":67,"uploaded_on":68,"folder":6,"width":69,"height":69,"charset":6,"duration":6},"c141e0e0-11fe-42a4-8ef4-6b0107bcaa52","213 Ig Fb Fabian Hiller","c141e0e0-11fe-42a4-8ef4-6b0107bcaa52.png","213_ig_fb_Fabian_Hiller.png",{},"1951782","2026-07-07T10:19:32.373Z","11a655b6-bcfc-4c6c-a13c-68189e38edb9","2026-07-07T10:19:32.365Z",1500,{"podcast":71},{"id":72,"slug":73,"published_on":74,"type":34,"number":75,"title":76,"audio_url":77,"cover_image":78},"4a0e979c-e003-47af-8a11-ead9704b67b8","deep-dive-97-next-js-mit-fabian-hiller","2021-11-26T13:00:00.000Z","97","Next.js mit Fabian Hiller","https:\u002F\u002Fwww.buzzsprout.com\u002F176239\u002F9616553-folge-97-next-js-mit-fabian-hiller.mp3",{"id":79,"title":80,"description":6,"tags":6,"location":6,"filename_disk":81,"filename_download":82,"metadata":6,"type":22,"filesize":83,"modified_by":6,"modified_on":84,"embed":6,"uploaded_by":6,"uploaded_on":85,"folder":6,"width":86,"height":86,"charset":6,"duration":6},"78859bae-6fa7-45d3-8163-0bdcf799afdc","Nextjs Mit Fabian Hiller","78859bae-6fa7-45d3-8163-0bdcf799afdc.jpg","nextjs_mit_fabian_hiller_4358f94212.jpg","121261","2022-01-16T14:26:33.908Z","2021-12-30T14:18:43.354Z",1400,{"podcast":88},{"id":89,"slug":90,"published_on":91,"type":34,"number":92,"title":93,"audio_url":94,"cover_image":95},"cfe492e0-e775-45e9-a737-33903f2d6f88","deep-dive-98-die-neue-programmier-bar-webseite-mit-fabian-hiller","2021-12-03T16:56:00.330Z","98","Die neue programmier.bar-Webseite mit Fabian Hiller","https:\u002F\u002Fwww.buzzsprout.com\u002F176239\u002F9656391-deep-dive-98-die-neue-programmier-bar-webseite-mit-fabian-hiller.mp3",{"id":96,"title":97,"description":6,"tags":6,"location":6,"filename_disk":98,"filename_download":99,"metadata":100,"type":44,"filesize":108,"modified_by":6,"modified_on":109,"embed":6,"uploaded_by":6,"uploaded_on":110,"folder":6,"width":102,"height":102,"charset":6,"duration":6},"5cc833d6-b09f-4635-a514-30c60a111ea3","98 Fabian Hiller","5cc833d6-b09f-4635-a514-30c60a111ea3.png","98_fabian_hiller_e04e086b7e.png",{"ihdr":101},{"ImageWidth":102,"ImageHeight":102,"BitDepth":103,"ColorType":104,"Compression":105,"Filter":106,"Interlace":107},3000,8,"RGB","Deflate\u002FInflate","Adaptive","Noninterlaced","2236992","2022-01-16T14:26:16.103Z","2021-12-30T14:18:49.992Z",{"podcast":112},{"id":113,"slug":114,"published_on":115,"type":34,"number":116,"title":117,"audio_url":118,"cover_image":119},"2f15c05a-8992-46e2-88aa-02fb12405f44","deep-dive-69-react-mit-fabian-hiller","2020-08-28T11:00:00.000Z","69","React mit Fabian Hiller","https:\u002F\u002Fwww.buzzsprout.com\u002F176239\u002F5185003-folge-69-react-mit-fabian-hiller.mp3",{"id":120,"title":121,"description":6,"tags":6,"location":6,"filename_disk":122,"filename_download":123,"metadata":6,"type":22,"filesize":124,"modified_by":6,"modified_on":125,"embed":6,"uploaded_by":6,"uploaded_on":126,"folder":6,"width":86,"height":86,"charset":6,"duration":6},"661d60ad-5a3e-4983-b3e2-18579fd2f6e5","React Mit Fabian Hiller","661d60ad-5a3e-4983-b3e2-18579fd2f6e5.jpg","react_mit_fabian_hiller_2120cef268.jpg","127629","2022-01-16T14:26:20.836Z","2021-12-30T14:13:26.451Z",{"podcast":128},{"id":129,"slug":130,"published_on":131,"type":34,"number":132,"title":133,"audio_url":134,"cover_image":135},"4e71335d-f8c2-4ec6-bd3d-5b737b91972f","deep-dive-121-solidjs-mit-fabian-hiller","2023-03-24T16:00:00.000Z","121","SolidJS mit Fabian Hiller","https:\u002F\u002Fwww.buzzsprout.com\u002F176239\u002F12507283-deep-dive-121-solidjs-mit-fabian-hiller.mp3",{"id":136,"title":137,"description":6,"tags":6,"location":6,"filename_disk":138,"filename_download":139,"metadata":140,"type":44,"filesize":141,"modified_by":6,"modified_on":142,"embed":6,"uploaded_by":47,"uploaded_on":143,"folder":6,"width":49,"height":49,"charset":6,"duration":6},"e15a5f0a-8560-405a-b054-67fb96edd50d","121 Ig Fb Fabian Hiller","e15a5f0a-8560-405a-b054-67fb96edd50d.png","121_ig_fb_fabian_hiller.png",{},"2916454","2023-03-24T10:12:03.704Z","2023-03-24T10:12:03.312Z",[145,160,174,186,201,213,226,239],{"id":146,"name":147,"website_url":148,"description":149,"image":150},"2ac84ebd-124f-4271-8496-2c46a4a2d15d","Context7","https:\u002F\u002Fcontext7.com\u002F","\u003Cp class=\"font-claude-response-body break-words whitespace-normal\">Ein Pick für alle, die mit Coding Agents arbeiten: Context7 ist eine Kontext-Sammlung für Open-Source-Projekte, die ihr als MCP oder CLI an euren Agent anbindet. Immer wenn der Agent etwas nutzen soll, wofür ihm der Kontext fehlt, zum Beispiel eine noch frische Library wie Formisch, holt er sich über Context7 die passende, aktuelle Doku direkt in den Kontext und kann sofort loslegen.\u003C\u002Fp>",{"id":151,"title":6,"description":6,"tags":6,"location":6,"filename_disk":152,"filename_download":153,"metadata":154,"type":22,"filesize":155,"modified_by":6,"modified_on":156,"embed":6,"uploaded_by":67,"uploaded_on":157,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"a1d71a34-8058-474f-8a77-7b9fcc57d9c3","a1d71a34-8058-474f-8a77-7b9fcc57d9c3.jpg","context7-com.jpg",{},"71532","2026-07-07T09:08:01.941Z","2026-07-07T09:08:01.938Z",1366,768,{"id":161,"name":162,"website_url":163,"description":164,"image":165},"b739fdde-ec2e-475b-b115-43e6389fb26c","Directus CMS","https:\u002F\u002Fdirectus.io\u002F","\u003Cp>Ein CMS mit viel Potenzial, das wir auch bei der programmier.bar Webseite einsetzen und sehr happy damit sind!\u003C\u002Fp>",{"id":166,"title":6,"description":6,"tags":6,"location":6,"filename_disk":167,"filename_download":168,"metadata":169,"type":22,"filesize":170,"modified_by":6,"modified_on":171,"embed":6,"uploaded_by":172,"uploaded_on":173,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"a76fbf98-1918-45c0-b50e-a6d684e9d65a","a76fbf98-1918-45c0-b50e-a6d684e9d65a.jpg","directus-io.jpg",{},"105136","2023-06-30T11:41:52.664Z","0bccec21-651a-4e94-a466-2ae142e34e0b","2023-06-30T11:41:52.546Z",{"id":175,"name":176,"website_url":177,"description":178,"image":179},"87117a9f-029c-4d2e-b317-e171752147c3","Headless UI","https:\u002F\u002Fheadlessui.dev\u002F","\u003Cp>Headless UI ermöglichen euch, komplexe Komponenten auf eurer Webseite zu integrieren, deren Styling ihr dennoch selbst bestimmen könnt. Diese sind barrierefrei und bieten Tastaturunterstützung.\u003C\u002Fp>\n",{"id":180,"title":176,"description":6,"tags":6,"location":6,"filename_disk":181,"filename_download":182,"metadata":6,"type":22,"filesize":183,"modified_by":6,"modified_on":184,"embed":6,"uploaded_by":6,"uploaded_on":185,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"25011335-e66f-4c64-9584-190e809bf1e4","25011335-e66f-4c64-9584-190e809bf1e4.jpg","headless_ui_7719f8e5c2.jpg","73087","2022-01-16T14:25:48.854Z","2021-12-30T14:18:42.843Z",{"id":187,"name":188,"website_url":189,"description":190,"image":191},"9100a4ec-00b1-4814-9437-29a0b624edb3","Radix UI","https:\u002F\u002Fwww.radix-ui.com\u002F","\u003Cp>Radix UI enthält ungestylte und barrierefreie Komponenten, die die Logik von standardisierten UI Komponenten, wie zum Beispiel Dialoge und Dropdown-Listen, abbilden. Diese kümmern sich automatisch um das Fokus-Management und fügen euren Komponenten auch Tastaturunterstützung hinzu.\u003C\u002Fp>\n",{"id":192,"title":193,"description":6,"tags":6,"location":6,"filename_disk":194,"filename_download":195,"metadata":6,"type":22,"filesize":196,"modified_by":6,"modified_on":197,"embed":6,"uploaded_by":6,"uploaded_on":198,"folder":6,"width":199,"height":200,"charset":6,"duration":6},"de3c75e5-3ec7-4fdd-8557-4ec72ff4d0ca","WWW Radix UI Com","de3c75e5-3ec7-4fdd-8557-4ec72ff4d0ca.jpg","www_radix_ui_com_c124e4798c.jpg","100269","2022-01-16T14:27:30.028Z","2021-12-30T14:18:46.176Z",2732,1536,{"id":202,"name":203,"website_url":204,"description":205,"image":206},"48fa7c31-a625-4a5b-82e3-387e325dc82a","Storybook","https:\u002F\u002Fstorybook.js.org\u002F","\u003Cp>Storybook ist ein Tool, um UI-Komponenten in Isolation zu entwickeln und zu dokumentieren.\u003C\u002Fp>\n",{"id":207,"title":203,"description":6,"tags":6,"location":6,"filename_disk":208,"filename_download":209,"metadata":6,"type":22,"filesize":210,"modified_by":6,"modified_on":211,"embed":6,"uploaded_by":6,"uploaded_on":212,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"4794b0f7-0adc-48b1-a5f6-c69584efc0c0","4794b0f7-0adc-48b1-a5f6-c69584efc0c0.jpg","storybook_2055fbc8a7.jpg","48291","2022-01-16T14:26:07.772Z","2021-12-30T14:13:26.172Z",{"id":214,"name":215,"website_url":216,"description":217,"image":218},"0fd30611-0153-41fd-8d84-c073d843e05b","bundlejs","https:\u002F\u002Fbundlejs.com\u002F","\u003Cp>Mit diesem Tool kannst du online ganz easy die Größe deines npm Packages checken. Mit bundlejs.com kannst du die Bundle Size deines Projekts direkt online erfahren!\u003C\u002Fp>",{"id":219,"title":6,"description":6,"tags":6,"location":6,"filename_disk":220,"filename_download":221,"metadata":222,"type":22,"filesize":223,"modified_by":6,"modified_on":224,"embed":6,"uploaded_by":47,"uploaded_on":225,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"05b4d651-d0f0-455d-9373-528d0b4337cb","05b4d651-d0f0-455d-9373-528d0b4337cb.jpg","bundlejs-com.jpg",{},"53341","2023-03-27T12:59:34.254Z","2023-03-27T12:59:34.127Z",{"id":227,"name":228,"website_url":229,"description":230,"image":231},"6acc41f0-c830-4134-81c7-eacca1d7afba","npm-Statistiken","https:\u002F\u002Fnpm-stat.com\u002F","\u003Cp>Hast du ein eigenes Open-Source-Projekt? Dann interessiert dich sicher diese Website! Hier kannst du im Detail Download-Statistiken für alle Packages von npm einsehen.\u003C\u002Fp>\n\u003Cp>Wenn du die Daten mit einem anderen Projekt vergleichen möchtest, bietet dir \u003Ca href=\"https:\u002F\u002Fnpmtrends.com\u002F\" target=\"_blank\" rel=\"noopener\">https:\u002F\u002Fnpmtrends.com\u002F\u003C\u002Fa> ein nützliches Tool. Fabian vergleicht beispielsweise SolidJS und Qwik.\u003C\u002Fp>",{"id":232,"title":6,"description":6,"tags":6,"location":6,"filename_disk":233,"filename_download":234,"metadata":235,"type":22,"filesize":236,"modified_by":6,"modified_on":237,"embed":6,"uploaded_by":47,"uploaded_on":238,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"ecc10029-7979-48c5-ab61-3399f5927d46","ecc10029-7979-48c5-ab61-3399f5927d46.jpg","npm-stat-com.jpg",{},"61680","2023-03-27T12:49:01.510Z","2023-03-27T12:49:01.383Z",{"id":240,"name":241,"website_url":242,"description":243,"image":244},"b91b3e48-1042-4982-bde3-e3df15bfe914","npmx","https:\u002F\u002Fnpmx.dev\u002F","\u003Cp class=\"font-claude-response-body break-words whitespace-normal\">Einen schnellen, modernen Browser für die npm-Registry will euch npmx bieten. Unter der Haube nutzt npmx dieselbe Datenbank wie npm, packt aber ein deutlich angenehmeres Interface drumherum, mit fixer Suche, Angaben zur Install-Size inklusive transitiver Dependencies und Hinweisen auf veraltete Pakete.\u003C\u002Fp>\n\u003Cp class=\"font-claude-response-body break-words whitespace-normal\">Ihr könnt in fast jeder Package-URL npmjs.com einfach durch npmx.dev ersetzen und landet direkt in der besseren Ansicht. Das Projekt kommt aus der Community rund um Daniel Roe und das Nuxt-Team.\u003C\u002Fp>\n\u003Cp class=\"font-claude-response-body break-words whitespace-normal\"> \u003C\u002Fp>",{"id":245,"title":6,"description":6,"tags":6,"location":6,"filename_disk":246,"filename_download":247,"metadata":248,"type":22,"filesize":249,"modified_by":6,"modified_on":250,"embed":6,"uploaded_by":67,"uploaded_on":251,"folder":6,"width":158,"height":159,"charset":6,"duration":6},"cdbfcb0c-6c13-4036-8a3e-777c6d728df9","cdbfcb0c-6c13-4036-8a3e-777c6d728df9.jpg","npmx-dev.jpg",{},"39530","2026-07-07T09:05:13.454Z","2026-07-07T09:05:13.443Z",[253,257,261,265,269,273,277,281],{"tag":254},{"id":255,"name":256},"305ea011-4033-430a-b240-c7f80a059a08","Vue.js",{"tag":258},{"id":259,"name":260},"73964b79-8a5e-4372-8e1e-c52612b13268","UI-Design",{"tag":262},{"id":263,"name":264},"5589cde5-792b-47eb-9abe-5436dce43cc5","Framework",{"tag":266},{"id":267,"name":268},"ddb4cb1a-471a-402d-a43a-8336cc0665c4","React.js",{"tag":270},{"id":271,"name":272},"4141a8bb-44d2-4224-bf4b-0a5133b51530","JavaScript",{"tag":274},{"id":275,"name":276},"e1cf9964-923c-440d-a8e6-ac1fdd7310b3","Open Source",{"tag":278},{"id":279,"name":280},"72653523-2a78-42ee-ab5e-f0db3f4dc49f","JavaScript Frameworks",{"tag":282},{"id":283,"name":284},"65af0b36-cdc1-475d-a17d-663f1423c9a4","UX-Design",[254,258,262,266,270,274,278,282],[30,52,71,88,112,128],534,482]