Snack Overflow

Från Her till Total RecallOscar, AI-Johan och den andre Johan (vad hade du för smeknamn?

Tailwind, MUI, shadcn/ui osv osv....Vilka kategorier av verktyg finns det för att slippa skriva alla komponenter/CSS själv?Vilka väljer vi?Och viktigast i vilket projekt väljer man vilken typ av verktyg?Varning: Fredrik är lite snorig :DLänkbonanzadaisyUIshadcuReact ariaOch låten i introt:Oscar, listen while I play (play it now)Your code's crashing like the stock market on a bad dayBut Mattias types like lightning strikes, it's clearHis code's a symphony, everything Oscar fears[Bridge]In the digital river, Oscar's sinking like a stoneWhile Mattias builds bridges, crossing bytes into the unknown Hosted on Acast. See acast.com/privacy for more information.

Mattias har ett problem, han ska skapa en paginerings komponent. Därför ringer han in Kalle och Petrus.Man ska väl inte koden den själv från scratch?Men varifrån ska man sno kod?ChatGPT, Medium, Den andra overflow, använd ett bibliotek, bara göra det själv?Accessability i pagineringHeadlessUIOpenUIQuillRxDB Hosted on Acast. See acast.com/privacy for more information.

Denna gången så berättar Amani för Oscar och Mattias om sitt uppdrag där han tar hand om legacykod. Gamla system och tjänster som förtjänar lite nytt liv. Massor med lärdomar och best practices.From $erverless To Elixir | Prime ReactsI ported THOUSANDS of apps to Windows 95Udio - AI Music generator"Podcastens tvek".[Chorus]Så, så, så dryyyyg,Med varenda ord, han tar för sig.Så, så, så dryyyyg,Mattias, vår plåga, han är podcastens tvek.[Bridge]Mattias han är så...[Chorus]Så, så, så dryyyyg,Med varenda ord, han tar för sig.Så, så, så dryyyyg,Mattias, vår plåga, han är podcastens tvek. Hosted on Acast. See acast.com/privacy for more information.

Oscar gästas av Petrus & Mattias som kodar alla sina hobbyprojekt som PWA:s!VARFÖR gör inte alla det?!Koda en gång i världens bästa utvecklar ekosystem, ge kunderna en grym web som de kan installera. Men vad är egentligen en pwa?Vad kan man göra?Och varför slå det inte? Hosted on Acast. See acast.com/privacy for more information.

Det är enkelt att sätta dom, alla (utvecklare) hatar dom och ingen håller dom.Men hur ska vi göra för att hantera dem och undvika de så mycket som möjlig?GANTT-Schema Hosted on Acast. See acast.com/privacy for more information.

(Med Opera röst) Oscar vill släppa till main, Karl vill släppa till main, Mattias vill släppa till main, alla vill släppa till main!Men vad behöver vi ändra i tekniken, verktygen och kulturen för att lyckas?Det här är Git-Flow och GitHub-flowhttps://quangnguyennd.medium.com/git-flow-vs-github-flow-620c922b2cbd Hosted on Acast. See acast.com/privacy for more information.

Satan i gatan, nu kommer vi revolutionera IT-konsultbranchen. Låt oss presentera CompanyAsCode, BizOps, CoOps - eller vad vi kommer kalla det när vi tar över världen.Om vi får möjligheten att tänka om helt, hur skulle alla processer och verktyg fungera i den nya världen. Vi tar inspiration från systemutvecklingens verktyg att använda kod, teamarbete, ansvar, pipelines, markdown, repos, pull-requests och cron-job för att helt ändra/ersätta dagens arbetsuppgifter.LänkarBiz Ops Dyson Sphere ProgramDave the diver Hosted on Acast. See acast.com/privacy for more information.

Detta vecka spekulerar Oscar Fredrik och Mattias om saker Fredrik brinner för och Mattias aldrig tänker lära sig.Varför klarar vissa tekniker sig och andra dör?Vi dyker lite i detaljerna kring JavaScript-runtimes men mest som ett exempel på NÄR vi tycker något är värt att lära sig på riktigt.Myntar också termen "GraphQL-hypen" som inte har något med graphql att göra.https://stallman.org/stallman-computing.htmlhttps://dylanbeattie.net/Lika som bär: Sonen? Fadern? Hosted on Acast. See acast.com/privacy for more information.

Många av organisationerna vi har varit i har jobbat med distribuerade team. Men vad är egentligen ett distribuerat team? Oscar, Karl och Mattias försöker sprida sina erfarenheter och risker de ser. Hosted on Acast. See acast.com/privacy for more information.

Den här gången pratar gänget om vad de har för preferenser när det kommer till deras fysiska- och virtuella arbetsplats. Allt från deras "weapon of choice" när det kommer till editor, tangentbord och lösenordshanterare m.m. Veckans tips:Theo - t3․gg - https://www.youtube.com/@t3dotgg/videosBitwarden - https://bitwarden.com/Aegis Authenticator - https://getaegis.app/Twillio-boken - https://www.askyourdeveloper.com/ Hosted on Acast. See acast.com/privacy for more information.

Är headless-CMS något att ha? Eller ska man använda sig utav mer klassiska "headfull-CMS". Vi går in på vad som skiljer sig mellan de två alternativen och vad för och vilka för- och nackdelar de har... I sedvanlig ordning trillade vi in på alldeles för många sidospår.Veckans tips:Kingmakers(spelet Oscar nämner: https://www.youtube.com/watch?v=OvezgDni8z4Daily.dev: https://daily.devPixel Perfect(chrome extension): https://chromewebstore.google.com/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi Hosted on Acast. See acast.com/privacy for more information.

I dagens avsnitt pratar Mattias, Oscar och Johan om konsten att "överingenjöra" saker. Tyvärr måste vi säga vi säga att vi är riktiga haters mot de som "överingenjörar". Avsnittet kommer med fullt av lärdomar, exempel och verktyg som hjälper en att motverka problemen.LeftPad: https://qz.com/646467/how-one-programmer-broke-the-internet-by-deleting-a-tiny-piece-of-codeArchitecture decision records (ADRs):https://icepanel.medium.com/architecture-decision-records-adrs-5c66888d8723Stack Overflow Architecture: https://medium.com/@saddy.devs/stack-overflow-architecture-52cfdec5e018 Hosted on Acast. See acast.com/privacy for more information.

Oscar och Johan djupdyker ner i de juridiska och moraliska problemen som blivit påtagliga när vi använder AI för att hjälpa oss utföra våra arbeten. Vad kan man göra för att hjälpa en ha bättre koll på utfallen? I sedvanlig ordning så trillar(mest Oscar) de ner massvis av "kaninhål" :D. Hosted on Acast. See acast.com/privacy for more information.

I detta avsnitt av Snack Overflow diskuterar Mattias, Johan och Oskar olika verktyg för versionshantering, CI/CD och vilka mer funktioner som finns i våra utvecklingsplattformer.De diskuterar problem och fördelarna med att använda med GitHub, GitLab och Azure DevOps. Som alltid bjuda det på djupa sidospår och personliga åsikter.Filen Mattias skärmdelade under avsnittet:https://gitlab.com/matknu.kth/bolinder/-/blob/c70725dfe1e3ee2d9e50b0b17438fc5f45b1f104/.gitlab-ci.yml Hosted on Acast. See acast.com/privacy for more information.

Sommaren 2025 som träder "European Accessibility Act" i kraft. Vad innebär det för dig och ditt projekt? Vi går igenom vilka verktyg, hjälpmedel och "best practices" det finns som du kan börja använda dig av just nu för att börja resan mot bättre tillgänglighet.Tips:https://www.w3.org/https://ec.europa.eu/social/main.jsp - European Accessibility Acthttps://webaim.org/techniques/keyboard/ - Listar hur du navigerar med tangentbordethttps://webbriktlinjer.se/wcag/ - WCAG på svenska :)https://youtu.be/RjpvOqZigao - WCAG 13 guidlineshttps://www.deque.com - Tillgänglighetsverktyg och certifikatAccessibility Tutorial (w3schools.com) - Här kan man också ta cert :) Hosted on Acast. See acast.com/privacy for more information.

Oscar, Fredrik och Johan diskuterar GitHub CoPilot och vart CoPilot X tog vägen? Vad är dess roll för utvecklare nu och i framtiden och vilken roll AI kommer ha i våra liv. Kommer våra liv att se ut mer som på bryggan av Enterprise eller leder AI kanske till att vi blir mer som The Borg? Hosted on Acast. See acast.com/privacy for more information.

Vertikala team har vunnit! Länge leve vertikala team! Eller? Johan B, Oscar och Mattias pratar om de dom gillar i vertikala team, vad de saknar från horizontella team och om något skulle få de att byta tillbaka.Läs mer här:https://learn.microsoft.com/sv-se/azure/devops/boards/plans/agile-culture?view=azure-devops Hosted on Acast. See acast.com/privacy for more information.

Vi firar avsnitt 100 med lite nostalgi men kan först och främst med en Quiz Game Show. Oscar har förberett ett stort batteri frågor som Johan, Mattias och Fredrik tvingas försöka svara på! Hosted on Acast. See acast.com/privacy for more information.

I det här avsnittet diskuterar Johan B, Mattias och Fredrik editors! Alla tre har olika preferenser vad det gäller valet av editor. De utvalda kandidaterna är VsCode, Neovim och Webstorm(Jetbrains). In och lyssna när de tre försöker enas om vilken som är DEN BÄSTA editor!Veckans tips:VimGolfVIM AdventuresOpen Vimknip.devBeeper Hosted on Acast. See acast.com/privacy for more information.

Hur vill vi ha vår närmsta chef? Mattias, Rebecca och Kalle diskuterar rollen Engineering manager. Vilken roll ska närmsta chefen ha och vilka egenskaper söker vi?Veckans TipsEngineering Management for the Rest of Us - Sara Drainer (https://www.amazon.com/Engineering-Management-Rest-Sarah-Drasner-ebook/dp/B0BGYVDX35)Skala apelsin med hushållspapper och undvik torra fingrarFör lite inslagningspapper? Lägg det du vill slå in diagonalt så går det inte åt lika mycket papper Hosted on Acast. See acast.com/privacy for more information.

Denna vecka har vi en gäst! Fantastiska Amani Kilumanga hjälper Axel och Mattias.Idag pratar vi om mikrotjänster (i backend).Är det alltid rätt att köra mikrotjänster?Hur ska man tänka när man scopar tjänsten?Vad mer behöver man ha koll på?Veckans tips:Copilot WorkspacesTeleportHQv0 (privat beta, men tog mig 2 veckor att få access) Hosted on Acast. See acast.com/privacy for more information.

God jul kära Snack Overflow-lyssnare

Efter +10 år i branchen vet de inte längre vad de vill göra. De har kodat många typer av webbapplikationer och de tycker inte längre att teknik är en stora utmaningen. Hur kom de hit? Vilka vägval har de tagit längs vägen?Veckans tips(igen):Fireship(YouTube-kanal) Hosted on Acast. See acast.com/privacy for more information.

Mattias har en dåligt magkänsla som Oscar och Fredrik balsamerar. På vägen till en sångstund hann Mattias både kolla på en Theo - t3.gg video och sen en podcast med Rich Harris. Inser då att han fått Vercels pengar inkastade i öronen i över en timma.Därför pratar vi idag om:När man vill använda helhetslösningar från t.ex. Vercel?Är inlåsningseffekten ett problem?Och såklart ett sidospår om pendeln farit över hela vägen till SSR-sidan och är på väg att vända?BONUS: Lyssna i slutet hur Fredrik sen Oscar och sist Mattias uttalar Mars Hosted on Acast. See acast.com/privacy for more information.

Fredrik och Axel coachar Mattias med hans senaste problem.Mattias är inte nöjd med tidsrapporteringssystemet han använder, så han skriver en egen klient!Problemet är att apiet han jobbet emot inte svara med en härlig datamodell.Borde han då skriva ful kod eller mappa om till ett objekt han hellre jobbar mot? Hosted on Acast. See acast.com/privacy for more information.

Är du produktiv? Det är Oscar, Mattias och Axel. Har du inte lyssnat på del 1 gör det nu!Här i del 2 pratar vi om hur ditt team blir mer produktivt. Dock blir det svårt att prata om teamets produktivitet utan att börja prata om organisationen, så de gör vi också!DORA: https://dev.to/maximwheatley/an-open-source-solution-to-dora-devops-metrics-72lModern Agile: https://modernagile.org/How we fit an NES game into 40 Kilobytes: https://www.youtube.com/watch?v=ZWQ0591PAxMHow Prince of Persia Defeated Apple II's Memory Limitations: https://www.youtube.com/watch?v=sw0VfmXKq54 Hosted on Acast. See acast.com/privacy for more information.

Är du produktiv? Det är Oscar, Mattias och Axel. Så in och lyssna vad de har för knep för att hålla fokus och vara högproduktiv!Detta är del 1 där vi bara fokuserar på hur du som individ är produktiv, för att i nästa del fokusera på teamets och organisationens produktivitet.Dagens länkarAxels AI tool för tester - https://codeium.com/En bästa datorn Mattias ägt - https://en.wikipedia.org/wiki/Sony_Vaio_P_seriesHur du kodar web till app om du vägrar electron - https://docs.nodegui.org/ Hosted on Acast. See acast.com/privacy for more information.

Ojojoj, Oscar har bekymmer och vill bolla med Mattias!Han har kört sitt designsystem i några månader och användet börjar ta fart. Då kommer roliga utmaningar.Hur involverar man team?Om jag deprecierar en komponent, hur får jag teamen att uppgradera?Ska man göra tekniska eller mjuka lösningar?Atomic Design - https://bradfrost.com/blog/post/atomic-web-design/Konferensen - https://www.netflix.com/watch/81517749?source=35The bear - https://www.disneyplus.com/series/the-bear/52m6nx7HoP5F?distributionPartner=google Hosted on Acast. See acast.com/privacy for more information.

Håll i hatten i hatten. För nu blir det ett spekulationsavsnitt. Oscar och Mattias pratar nämligen om att du borde börja använda low- och no code-verktyg. Vad är det? Hur kommer du igång? När det rätt val?Om du redan vet vad det är så kan du spola fram 20min till där tyckandet börjar :).PowerAppsAppSheetZapierStoryBlokBuilderIO Hosted on Acast. See acast.com/privacy for more information.

Oscar och Andreas gräver ner sig i Reacts härliga och kanske lite förvirrande värld! Det kommer pratas patterns och hooks. De inflikar med sina egna erfarenheter och åsikter om de olika begreppen. Häng med!Veckans tips:https://astro.build/https://bun.sh/https://azure.microsoft.com/en-us/products/devops/github-advanced-security Hosted on Acast. See acast.com/privacy for more information.

Axels tips:Kevin Powell: https://www.youtube.com/@KevinPowellUdemy - Complete js course: https://www.udemy.com/course/the-complete-javascript-course/Udemy - Understanding TS: https://www.udemy.com/course/understanding-typescript/Saras tips:Frontend Masters: https://frontendmasters.com/You Don't Know JS Yet: https://github.com/getify/You-Dont-Know-JSOscar tips:Eloquent Javascript: https://eloquentjavascript.net/ Hosted on Acast. See acast.com/privacy for more information.

DX är ett begrepp som har slängts fram och tillbaka de senaste åren. Vad betyder det egentligen? Andreas och Oscar ägnar detta avsnittet åt till att försöka dechiffrera vad DX är och bör vara... Plus lite annat trams såklart. Hosted on Acast. See acast.com/privacy for more information.

Följ med i veckans avsnitt där Oscar och Andreas tar och snackar igenom Oscars resa med webbkomponenter. Vilka beslut har han tagit och hur togs dessa beslut egentligen? Både Oscar och Andreas har arbetat med mycket med webbkomponenter och komponentbibliotek. Men frågan är om det var rätt att bygga webbkomponenter enbart för att få samma look and feel på applikationerna? Hosted on Acast. See acast.com/privacy for more information.

Sara, Oscar och Andreas gör tillsammans sina personliga tolkningar på Stack Overflows årliga undersökning. De går bl.a igenom vilka språk, verktyg och tekniker trendar 2023 enligt undersökningen.https://survey.stackoverflow.co/2023/ Hosted on Acast. See acast.com/privacy for more information.

Följ med på veckans avsnitt där vi fortsätter på AI vågen och pratar igenom lite möjliga vägar vi ser AI kan ta oh vilka möjligheter samt problem som det medför. Johan, Axel och Andreas tar sig an veckans avsnitt och går igenom hur de ser på framtiden. Hosted on Acast. See acast.com/privacy for more information.

Sara har läst böcker igen... I dagens avsnitt pratar vi om hur vi lär oss saker i vardagen, vad som funkar bra och dålig. Passiv vs. aktiv inlärning. Olika inlärningsmetodiker plus en nedrans massa sidospår.Veckans tips:Project JDM(polyrhythmic-grejerna): https://www.youtube.com/@project_jdm/videosFireship: https://www.youtube.com/@FireshipHyperplexed: https://www.youtube.com/@HyperplexedBoktips:Ultralearning: Master Hard Skills, Outsmart the Competition, and Accelerate Your Career av Scott YoungThe Personal MBA av Josh Kaufman Hosted on Acast. See acast.com/privacy for more information.

Är det dags att leta nytt jobb eller kommer vi bli så pass effektiva så att vi behöver mer arbete? I detta avsnittet så diskuterar Axel, Andreas och Johan om hur artificiell intelligens påverkar systemutveckling och IT-branchen i stort! Hosted on Acast. See acast.com/privacy for more information.

Följ med oss när vi utforskar personlighetsdrag och deras potential att skapa team-magi! Förstå möjligheterna med the big five (OCEAN) från psykologin när vi diskuterar hur dessa egenskaper skulle kunna användas för att kunna förstå olika perspektiv, förstärka kreativiteten och släppa lös det extraordinära i dina team. Lyssna på en diskussion mellan Sara, Axel och Andreas om hur vi kan frigöra kraften hos olika personligheter för effektivt lagarbete! Hosted on Acast. See acast.com/privacy for more information.

I detta avsnitt gräver Axel, Oscar och Sara ner sig i Typescript och utforskar dess användningsområden, fördelar samt potentiella fallgropar. De diskuterar varför Typescript har blivit så populärt och dess roll som den de facto-standarden inom modern JavaScript-utveckling. De tar upp användningsområden och delar med sig av sina egna erfarenheter hur dom använder Typescript i sina uppdrag och hobbyprojekt. Hosted on Acast. See acast.com/privacy for more information.

Är alla möten nödvändiga? Diskussionen kring mötens "att vara eller inte vara" dök upp efter Oscar snubblade över Elon Musks mötesprinciper. I det här avsnittet går gänget igenom de principerna och försöker utvärdera hur applicerbara de är i våran "vardag".https://www.forbes.com/sites/qai/2022/12/11/elon-musks-six-rules-would-you-survive-working-for-elon-musk/ Hosted on Acast. See acast.com/privacy for more information.

Känns det som att alla pratar server side rendering? Då är du långt ifrån ensam att tycka det! I detta avsnitt tar Axel, Mattias och Andreas sig ann ämnet server side rendering (SSR) och gräver ner sig ifall SSR kommer vara den nya "silverkulan" för framtidens webb-applikationer. Hosted on Acast. See acast.com/privacy for more information.

Oscar läste en artikel där man påstår att React är nya IBM. Sen tvingade han sina kollegor till att också läsa den. I vilket tillstånd befinner sig React? Har React blivit en stor ond entitet som man väljer för att man kan anta att alla "kan det"? Hur står sig React mot de andra ramverken? Vad är egentligen viktigt när man väljer ett front-end-ramverk? Detta är ett axplock av de frågor som Mattias, Oscar och Andreas går igenom i avsnittet.https://chrlschn.medium.com/react-is-the-new-ibm-6af2f4b04e5e Hosted on Acast. See acast.com/privacy for more information.

Idag pratar Mattias, Fredrik, Andreas och Oscar om versionering av backend. De traskar igenom GraphQL, ConsumerDrivenContract(med PACT) och nuddar tRPC.Spelar det någon roll om man sitter i samma team eller känner konsumenten av API't eller inte? Hosted on Acast. See acast.com/privacy for more information.

Tycker du också alla andra kodar och arbetar på fel sätt? Lyssnar du på detta avsnittet så får du ett par ENKLA knep för hur du löser dina problem. Hosted on Acast. See acast.com/privacy for more information.

Tiderna när man skriver all css i en och samma fil är nu långt borta. På vägen plockade vi upp preprocessorer och olika metodiker för hur man strukturerar filen, men de är nu också långt borta. Idag diskuterar vi single-file componenter vs. tailwind. Vad ser vi för för- och nackdelar och till vilka projekt passar de? Veckans tips: https://react.dev/learn/add-react-to-an-existing-project https://www.youtube.com/@Hyperplexed https://github.com/unocss/unocss Hosted on Acast. See acast.com/privacy for more information.

Wow, vilken titel. Mattias har gått och blivit inspirerad igen. Denna gång av det agila-ramverk Pipedrive. Vad händer när vem som helst får pitcha, planera och dra iväg i en raket och genomföra vad som ska göras. Vill du istället skjuta ner teknisk skuld? Då kan du sitta lugnt i hemmabasen pula på. https://medium.com/pipedrive-engineering/pipedrive-agile-framework-a-detailed-view-c0a9717f0c5a Hosted on Acast. See acast.com/privacy for more information.

Vad är ett designsystem? Hur använder man det? Behöver man ens det? Hur kommer man igång?Dessa frågor försöker gänget ge sig på idag. Hosted on Acast. See acast.com/privacy for more information.

Denna vecka tar vi en paus från koden och pratar om det viktigaste i utvecklarkulturen, Dator- och TVspel! Vad spelar vi? På vad spelar vi?Hur får vi loss tid att spelar?Och vad ser vi fram emot?https://store.steampowered.com/steamdeckhttps://www.indiegogo.com/projects/ayaneo-2-completely-different-amd-6800u-handheld#/https://play.google.com/store/apps/details?id=com.tomorrowcorporation.sevenbillionhumans&pli=1https://store.steampowered.com/app/427520/Factorio/https://store.steampowered.com/app/753640/Outer_Wilds/https://store.steampowered.com/agecheck/app/939850/https://store.steampowered.com/app/57300/Amnesia_The_Dark_Descent/https://store.steampowered.com/app/264710/Subnautica/https://www.oculus.com/experiences/quest/2010043642376517/https://store.steampowered.com/app/221910/The_Stanley_Parable/https://store.steampowered.com/app/1062090/Timberborn/https://store.steampowered.com/app/1545560/Shadow_Gambit_The_Cursed_Crew/https://store.steampowered.com/app/211820/Starbound/https://store.steampowered.com/app/1030300/Hollow_Knight_Silksong/ Hosted on Acast. See acast.com/privacy for more information.

Dokumentation, allas favoritämne. Eller som Marco sa “Ska ni släppa ett sömnpiller?”. Men vi tog en konstruktiv och icke-klagande väg. Istället kom vi med förslag på det vi tycker är bra dokumentation och vad man kan göra istället. Hosted on Acast. See acast.com/privacy for more information.

Denna vecka sätter Andreas, Mattias och Oscar tänderna i onboarding. Vad gör en onboarding bra respektive dålig? Vi delar massa erfarenhet av hur man onboardas till både organisationen och tekniken. Hosted on Acast. See acast.com/privacy for more information.