COMPRESSEDfm

Web development is constantly evolving, and so are the tools we use to build. In this episode, Amy and Brad chat with the organizers of Squiggle Conf about the future of web dev tooling, how conferences shape the developer experience, and why community matters just as much as code. Chapters 0:00 - Intro 0:34 - Meet the Guests: Squiggle Conf Organizers Squiggle Conf1:19 - What Makes Squiggle Conf Unique 3:19 - Tooling and Developer Experience 3:30 - Penguins, IMAX, and the Conference Venue 4:18 - Who Should Attend Squiggle Conf 5:31 - How Talks Are Selected and Curated 6:51 - Social and Community Aspects of the Conference 12:19 - Behind the Scenes of Organizing a Conference 17:46 - Lessons Learned from Running Events 23:30 - The Role of Tooling in Modern Development 27:21 - Browser-Based Tools and Their Impact 28:51 - Shoutout to Astro and Other Frameworks AstroStarlight33:51 - Comparing Different Conference Experiences 38:55 - Building Momentum in the Developer Community 40:45 - Looking Ahead: The Future of Squiggle Conf 42:02 - Final Thoughts from the Organizers 43:43 - Picks and Plugs Are the Types Wrong?The Harry Potter movie seriesCloudflareOne SwitchRedwoodSDK

Vue developer Alex Riviere joins Amy to explore the fundamental differences between Vue and React, diving deep into Vue's unique approach to reactivity, templating, and developer experience. From the magic of V-Model eliminating controlled/uncontrolled input complexity to Vue's proxy-based reactivity system that "just works," Alex explains why Vue's mental model clicked for him coming from jQuery. The conversation covers Vue 3's Composition API and Script Setup syntax, the evolution from VueX to Pinia for state management, and exciting developments like Vue Vapor Mode that will eliminate the virtual DOM entirely. Alex also breaks down Evan You's recent $4.6M VoidZero funding to revolutionize JavaScript build tooling, the flexibility of Nuxt as a meta-framework, and why Vue remains approachable enough to sprinkle into any project without complex build steps. Show Notes 00:00 - Intro 01:10 - How Alex Got Started with Vue 03:00 - Vue vs React Mental Models 08:00 - Vue's Approach to Forms and V-Model 10:20 - Vue Frameworks: Nuxt and the Ecosystem 17:00 - Vue 2 to Vue 3 Migration Challenges 19:00 - Nuxt as a Dev Dependency vs Runtime 22:30 - When Do You Need a Framework with Vue? 25:30 - Laravel Integration and Alpine.js Connection 27:40 - Vue's Reactivity System and Proxies 29:40 - State Management: VueX to Pinia Evolution 32:20 - SSR and Server Components in Vue 34:10 - Hosting and Deployment Options 35:40 - Evan You's VoidZero Funding and Vision 43:10 - Vue Vapor Mode: Eliminating Virtual DOM 47:40 - Getting Started with Vue Resources 48:40 - Picks and Plugs Links and Resources People Mentioned Alex Riviere@alexriviereEvan You@youyuxiBen Hong@bencodezenDaniel Roe@danielcroeTaylor Otwell@taylorotwellVue.js Resources Vue.js Official Sitevuejs.orgVue.js Documentationvuejs.org/guideVue Schoolvueschool.ioVue Masteryvuemastery.comFrameworks & Tools Mentioned Nuxtnuxt.comVitevitejs.devAstroastro.buildPiniapinia.vuejs.orgVueXvuex.vuejs.orgAlpine.jsalpinejs.devLaravellaravel.comLivewirelivewire.laravel.comSolid.jssolidjs.comReactreact.devSveltesvelte.devBuild Tools & Infrastructure ESBuildesbuild.github.ioRolluprollupjs.orgNitroPacknitro.unjs.ioWebpackwebpack.js.orgVoidZerovoidzero.devHosting Platforms Netlifynetlify.comVercelvercel.comCloudflarecloudflare.comReact Ecosystem (for comparison) Next.jsnextjs.orgRemixremix.runRedwoodJSredwoodjs.comGatsbygatsbyjs.comPodcasts & Content Deja Vue Podcastdejavue.fmVue.js ConferencesTechnical Concepts to Research Vue Composition APIvuejs.org/guide/extras/composition-api-faq.htmlVue Script Setupvuejs.org/api/sfc-script-setup.htmlVue Directivesvuejs.org/guide/essentials/template-syntax.html#directivesVue Reactivityvuejs.org/guide/extras/reactivity-in-depth.htmlVue Vapor Modegithub.com/vuejs/core-vaporJavaScript ProxiesMDN Proxy DocumentationSignals (reactive programming)Picks & Plugs Dropout TV - Nobody Askeddropout.tvCodeMash Conferencecodemash.orgWhoosh Screen Cleanerhttps://amzn.to/4nBR5UtAdditional Helpful Resources Vue 2 to Vue 3 Migration Guidev3-migration.vuejs.orgVue vs React Comparisonvuejs.org/guide/extras/composition-api-faq.html#comparison-with-react-hooksIslands Architecturejasonformat.com/islands-architecture

In this hosts-only episode, Amy and Brad get real about the developer experience - from the stress of job interviews to the complexities of choosing the right framework. They discuss why companies are comparing candidates more than ever, share strategies for answering behavioral interview questions, and debate the merits of Remix versus Next.js (spoiler: Brad's all-in on Remix). The conversation shifts to feature flags and progressive rollouts, with insights from Brad's work at Stripe. Sponsor WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit SDK for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app. Chapter Marks 00:00 - Intro 00:41 - Sponsor: WorkOS 01:47 - Brad's Keyboard and Mouse Shopping Spree 04:30 - Keyboard Layout Discussion 07:23 - Apple Ecosystem: Reminders and Notes 09:23 - Family Sharing and Raycast Integration 09:43 - Notion vs Apple Notes for Project Management 11:31 - File Storage and Backup Strategies 14:00 - Machine Backup Philosophy 16:46 - Job Interview Preparation Tips 19:40 - Answering the "Weakness" Question 21:53 - Addressing Weaknesses: Delegation Examples 24:29 - Conflict Resolution Interview Questions 25:46 - Company Research Before Interviews 27:00 - Tech Stack Considerations: Remix vs Next.js 28:30 - Framework Migration Decisions 29:30 - Astro for Content Sites 31:02 - Backend Languages: Go vs TypeScript 32:30 - React Server Components Future 34:23 - Feature Flags and Boolean as a Service 35:30 - Feature Flag Segmentation and A/B Testing 36:54 - PostHog and Analytics Tools 38:30 - Progressive Rollouts and Error Monitoring 40:20 - Amy's Picks and Plugs 43:35 - Brad's Picks and Plugs

Josh Cirre joins us to discuss his transition from the JavaScript ecosystem to Laravel, revealing why PHP frameworks can offer a compelling alternative for full-stack development. We explore the "identity crisis" many frontend developers face when needing robust backend solutions, how Laravel's batteries-included approach compares to piecing together JavaScript services, and the trade-offs between serverless and traditional hosting environments. Josh also shares insights on Laravel's developer experience, front-end integration options, and his thoughts on what JavaScript frameworks could learn from Laravel's approach to abstraction and infrastructure. Show Notes 0:00 - Intro 1:02 - Sponsor: Wix Studio 1:46 - Introduction to Laravel 2:25 - Josh's Journey from Frontend to Backend 5:40 - Building the Same Project Across Frameworks 6:32 - Josh's Breakthrough with Laravel 8:20 - Laravel's Frontend Options 10:25 - React Server Components Comparison 12:00 - Livewire and Volt 13:41 - Josh's Course on Laracasts 14:08 - Laravel's DX and Ecosystem 16:46 - MVC Structure Explained for JavaScript Developers 18:25 - Type Safety Between PHP and JavaScript 21:12 - Laravel Pain Points and Criticisms 22:40 - Laravel Team's Response to Feedback 24:50 - Laravel's Limitations and Use Cases 26:10 - Laravel's Developer Products 27:20 - Option Paralysis in Laravel 30:46 - Laravel's Driver System 33:14 - Web Dev Challenge Experience 33:38 - TanStack Start Exploration 34:50 - Server Functions in TanStack 37:38 - Infrastructure Agnostic Development 41:02 - Serverless vs. Serverful Cost Comparison 44:50 - JavaScript Framework Evolution 46:46 - Framework Ecosystems Comparison 48:25 - Picks and Plugs Links Mentioned in the Episode Laravel - PHP frameworkTanStack StartLivewireInertia.jsVoltLaravel CloudHerdForgeEnvoyerLaracastsJosh Cirre's YouTube channelHTMXWeb Dev Challenge with Jason LengstorfJosh Cirre's BlueSky accountAmy's BlueSky accountBrad's BlueSky account Additional Resources Laravel DocumentationSvelte's new starter kitNightwatchLaravel VaporTheo's Laravel explorationLaravel BreezeLaravel JetstreamLaravel FortifyAdonis.jsAnker USB powered hubGrether's Sugar Free Black Currant PastillesJBL Portable Speaker

In this episode, Amy and Brad dive into the ongoing debate between Laravel and full stack JavaScript frameworks. They explore both ecosystems from their unique perspectives. Amy shares her real-world experience building a project in Laravel after working extensively with JavaScript frameworks, highlighting where each approach shines and struggles. From Laravel's backend prowess to the cognitive load of context switching between languages, this episode offers practical insights for developers weighing these technology choices. Show Notes 00:00 - Intro 01:00 - Sponsorship: Sanity 01:59 - Origins of the Laravel vs JavaScript Discussion 03:59 - Amy's Experience Building a Project in Laravel 06:59 - PHP Development and Linting Experience 11:59 - Understanding MVC Architecture 15:00 - Challenges with JavaScript Backend Services 18:00 - Backend Strengths of Laravel 20:00 - Frontend Challenges in Laravel 23:00 - Comparing Laravel and JavaScript Ecosystem Solutions 26:59 - JavaScript Full Stack Frameworks Discussion 30:00 - Architectural Differences Between Frameworks 33:00 - Framework Choice Considerations 38:59 - Picks and Plugs: Newsletter and Cameras 42:00 - Picks and Plugs: Games and YouTube Links and Resources Sanity.ioLaravelSam's podcast: Frontend FirstRedwoodJSRemixNext.jsAstroSupabaseInngestResendPostmarkOpenAIPrismaPHP StormLaravel BladeLaravel LivewireAlpine.jsLaravel BreezeLaravel Eloquent ORMAdonis/AdonisJSEpisode 54: Why RedwoodJS is the App Framework for Startups, with David PriceViteStorybookAmy's newsletter: Broken CombInsta360 X2 cameraInsta360 Go 3 cameraStardew ValleyBrad's YouTube channelCloudinary channel and Dev Hints series

Join Amy, Brad, and special guest Ryan Chenkie as they unpack Prisma's expanding ecosystem of database tools. Ryan explains why Prisma launched their own hosted Postgres service and what sets it apart from competitors in the space. The trio examines Prisma's comprehensive feature set including Accelerate for connection pooling, Pulse for real-time events, and optimization tools that help identify performance bottlenecks. They also discuss the upcoming transition from Rust to TypeScript for Prisma's core engine, making it lighter and faster. If you've been curious about modern approaches to database management or wondering which ORM is right for your next project, this conversation provides practical insights and expert perspectives. Show Notes 0:00 - Intro 1:12 - Working with Prisma and Supabase 2:29 - Prisma Postgres Introduction 4:17 - Why Choose Postgres 6:36 - Prisma's Database Adapter Flexibility 8:14 - Serverless Database Architecture 11:13 - Connection Pooling with Accelerate 14:13 - Pulse for Real-time Database Events 16:54 - Studio Integration in Prisma Console 18:01 - Database Optimization Tools 20:00 - Benefits of Prisma Schema Language 22:10 - Prisma Schema vs SQL Definitions 23:01 - Comparing Prisma and Drizzle 26:24 - Future Improvements to Prisma 28:52 - Ryan's History with Prisma 32:05 - Learning Resources for Prisma 33:37 - Picks and Plugs Links and Resources Prisma Resources Prisma WebsitePrisma Twitter/XPrisma YouTube ChannelPrisma Postgres DocumentationPrisma ConsolePrisma VS Code ExtensionPrisma AcceleratePrisma PulsePrisma OptimizePrisma StudioRyan Chenkie Resources Ryan's Website:https://holodeck.runRyan's YouTube Channel:https://youtube.com/@holodeck_runRyan on Twitter/XFramework and Technologies Mentioned RemixRedwood JSSupabasePlanetScaleDrizzle ORMPostgresMySQLMongoDBBrad's Resources YouTube Channel: https://youtube.com/@bradgarropyRemix Starter: https://github.com/bradgarropy/remix-appAmy's Resources Build12 Projects: https://buildtwelve.comOther Resources Mentioned Skylight FrameAura FrameNetflix Show: "Making Fun"Netflix Show: "Is It Cake"

Join us as we talk with Nir Sadeh, Head of Product at Wix Studio, about the platform designed specifically for web professionals. Nir breaks down how Wix Studio differs from the traditional Wix editor by offering advanced capabilities for agencies and freelancers. Learn about their newest feature—AI-powered visual sitemaps and wireframes—that helps designers quickly create site structures and get client approval. We also explore how Wix balances no-code solutions with developer flexibility, their approach to responsive design using AI, and opportunities in the Wix app marketplace. Nir shares valuable insights about product development, user research methods, and his perspective on the impact of AI on the future of web design. Show Notes 00:00 - Intro 01:00 - Journey to becoming Head of Product 01:48 - Transition from individual contributor to manager 02:21 - Team structure at Wix 03:42 - Goal setting and KPIs 04:36 - Overview of Wix Studio 06:08 - Web-based application functionality 07:03 - Code editing experiences in Wix Studio 08:07 - Client control and access capabilities 09:02 - New features: Visual sitemap and wireframes 10:57 - AI integration points in Wix 12:35 - AI generating layouts and websites 14:50 - Upcoming roadmap items 15:54 - User creativity surprises 16:12 - Wix app marketplace 17:34 - Design trends and components 18:59 - User research approach 20:57 - Data-driven decision making 22:16 - Balancing user preferences with brand goals 24:02 - Career advice for aspiring product managers 25:40 - Balancing customization and consistency 26:44 - Mobile responsiveness and browser support 28:06 - Native apps and business management 28:37 - SEO tracking and analytics 29:45 - Picks and Plugs Links and Resources Wix StudioVelo by WixVisual Sitemap and WireframesWix App MarketVS Code integration with Wix StudioWix Studio AI AssistantFigma to WixPicks: SeveranceRemix Dev Tools (becoming React Router DevTools)AeroPressPrismo filterMilk frother

Josh Goldberg joins Amy and Brad to unpack the recent ESLint V9 release and its impact on the TypeScript ecosystem. From explaining the nuances of flat config migration to debating the proper separation between Prettier and ESLint, Josh offers practical advice for improving developer workflows. The conversation covers Josh's journey as a full-time open source maintainer, the Open Source Pledge initiative, and best practices for implementing linting in CI/CD pipelines. Plus, Josh shares behind-the-scenes details from the inaugural SquiggleConf event. Chapter Marks 00:00 - Intro 00:48 - Welcome Josh Goldberg 01:06 - Working in open source and getting paid 03:10 - The Open Source Pledge 04:49 - ESLint V9 and flat config changes 07:25 - Migration challenges with flat config 09:52 - Understanding ESLint config format 11:50 - How most people use ESLint 16:20 - Prettier vs ESLint responsibilities 18:47 - Conflict between Prettier and ESLint 21:26 - TypeScript's role in ESLint 25:01 - TypeScript ESLint packages explained 27:43 - Linters for other languages 29:31 - ESLint in CI/CD pipelines 32:03 - Auto-fixing in different environments 37:14 - AI's role in linting and formatting 41:45 - SquiggleConf discussion 44:15 - Conference tooling and Q&A system 46:33 - Future SquiggleConf plans 47:13 - Picks and Plugs Pick: Philips Hue smart lighting systemPlug@bradgarropy.comPickBlueSky social networkPlugSquiggleConfPickThe Inheritance GamesPlug@selfteachmeLinks Mentioned in the Episode TypeScript ESLintESLint v9 migration docsESLint Config InspectorSentry Grave $750k to Open Source MaintainersOpen Source Pledge initiativeSquiggle Conf websitePrisma PulsePhilips Hue smart lightingThe Inheritance GamesSocial Media Accounts @bradgarropy.com@selfteachme@joshuakgoldberg.comRelated Resources ESLint Stylistic projectESLint Config PrettierESLint Plugin Prettier"Create TypeScript Apps" project (Josh's tooling package)Awesome ESLint repoManual to Magical: AI in Developer ToolingNicholas Zakas discussing the ESLint config system on Syntax podcastTools Mentioned HuskyLint-stagedCursorBiomeOXLintGitHub Actions

Join us for an insightful conversation with Dani Grant, co-founder of Jam.dev, as she shares her journey from Cloudflare PM to startup founder. Learn how Jam.dev persevered through eight failed attempts before finding product-market fit and growing to 85,000 users. Dani reveals valuable lessons about product-led growth, building in public, and raising venture capital. From tactical fundraising tips to creative community building strategies like jam.pizza, this episode is packed with practical insights for founders and anyone interested in the startup journey. Sponsor Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders. Show Notes 0:00 - Intro 0:29 - Sponsor: Convex 1:08 - Meeting Dani Grant 1:41 - Early Career at Cloudflare 3:09 - Finding Internships & Career Growth 5:25 - Starting Jam.dev 11:56 - Product Evolution & User Growth 16:57 - Product Features & Implementation 21:22 - Monetization Strategy 23:37 - Technical Deep Dive: How Jam Works 27:49 - Future Plans & Mobile Development 29:12 - Fundraising Tips & Strategies 34:00 - Supporting Developer Communities 36:18 - Picks and Plugs Links Companies/Products: Jam.devCloudflareConvex (sponsor)SentryData DogHotjarFullStoryJIRAMetabaseNotionSocial/Personal: Dani Grant's Twitterdani@jam.dev@bradgarropyLearn Build Teach DiscordDeals for Devs projectBooks/Media: "Tomorrow and Tomorrow and Tomorrow"Matt Wolf's YouTube channelCareer Resources: jam.dev/careersjam.pizzaTechnical Tools Mentioned: ViteRemixES BuildProducts Similar to Jam: FullStoryHotjarSentryDatadogDevelopment Tools: Chrome Extension StoreCommunity: LearnBuildTeach.comDeals for Devs

Join us as Tanner Linsley, the creator and founder of TanStack Start talks about its transition from Vinci to a more streamlined architecture built on Nitro. Learn about the framework's innovative approach to server functions, its isomorphic design philosophy, and how it differs from other frameworks like Remix. Tanner also shares insights into TanStack's sustainable open-source business model and his journey to building developer tools that prioritize user experience over rapid growth. Show Notes 0:00 - Intro 0:38 - Welcome Tanner Linsley 3:43 - React Server Components and TanStack Evolution 6:04 - TanStack Start Overview and Vinci Transition 11:26 - Nitro Integration and Framework Architecture 15:19 - Server Functions and Framework Comparisons 20:58 - API Design Philosophy 24:19 - Testing and Development Process 30:58 - Team and Collaboration Discussion 33:38 - Open Source Sponsorship Strategy 36:32 - Netlify Partnership Announcement 38:37 - Open Source Sustainability Discussion 41:03 - Picks and Plugs Links Products & Tools: TanStackVinxi by Nikhil SarafNitroReact RouterTRPCRemixH3 (web request library)XProDeck.blueMOTU M4 audio interfaceBamboo Lab A1 3D printerLashbrook DesignsCompanies & Sponsors: ConvexClerkAG GridSentryNetlifyGames & Entertainment: BlockusSeveranceFirst Lie WinsPersonal Projects & Links: buildtwelve.comBrad on BlueSkyNozzleTechnical Resources: Babel Dead Code EliminationGitHub 3D Contribution Graph GeneratorReact Server Components documentationOther Projects Mentioned: Solid StartAstro

Brooks Lybrand discusses the transformation of React Router from a simple routing library to a powerful framework option for React applications. Learn about React Router 7's new framework mode, upcoming middleware support, and the team's innovative approach to React Server Components. Brooks explains how the Remix team is working to bring proven patterns and web standards to the broader React community while building a foundation for future web development that leverages native web APIs. Chapter Marks 0:00 - Intro 0:37 - Guest Introduction & SNL Jacket Discussion 1:12 - The Remix "Nap" Announcement 3:25 - Understanding React Router's Evolution 7:51 - React Router Framework Mode 10:21 - Middleware Support Plans 15:42 - React Server Components Integration 19:14 - Server-Side Capabilities & RSC Benefits 24:17 - Team Size and Structure 25:13 - Remix Brand & Future Direction 30:19 - Future of Web APIs 32:03 - Austin Remix Meetup Discussion 34:54 - Community Engagement and Open Source 36:19 - Picks and Plugs Links People & Profiles: TwitterBlueSkyMichael ChanJames PerkinsRyan FlorenceEvan BaconRSC mobile demoTools & Projects: React Router 7Remix RunRemix DiscordVite 6Cursor AIThe dev.to article about Cursor settingsElgato XLR DeckOXO Silicon Measuring CupEvents & Communities: Epic Web ConfReact MiamiRemix Austin MeetupTechnical Resources: React Server Components documentationRemix Project RoadmapVite's Environment API documentationBooks: The Three-Body Problem book seriesAdditional Resources: Netflix's Three-Body Problem show

Join us for an insightful conversation with Ceora Ford about the intersection of security, development, and community building. We explore why managing identity security is more complex than simple authentication, examine the trade-offs of Next.js's App Router in enterprise applications, and uncover strategies for effective technical content creation. Ceora shares her experience transitioning from digital marketing to developer advocacy, offering practical advice for building a presence across platforms like TikTok, Twitter, and LinkedIn. Sponsor Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders. Chapter Marks 00:00 - Intro 01:14 - Identity Security Discussion 05:25 - Evolution of React and Next.js 08:33 - Documentation and Developer Experience 15:43 - Sponsor: [Convex](https://convex.dev) 16:20 - Authentication in the App Router 21:31 - Content Creation and Marketing Strategy 27:50 - Social Media Platform Strategy 34:51 - Analytics and Tool Discussion 41:08 - Picks and Plugs His dog Roman (who they had to say goodbye to at age 17)TwitterBlueSkyYouTube"The Game" podcast with Alex HormoziOpen Sauce (opensauced.pizza) and her team's upcoming feature launch"The Good Place" (TV show on Netflix)LinkedInTwitterBlueSkyTikTokLinks Auth0OktaNext.jsAuth0 documentation for Next.js integrationGatsbyAstroConvexJekyllGraphQLOpen SaucedMark Techson

In this episode of Compressed FM, Dustin Goodman shares insights from his journey from IC to engineering manager at companies like ClickUp and This Dot. The conversation explores the nuances of technical leadership, team dynamics, and the importance of understanding personal values in management. The discussion then shifts to a deep dive into React Server Components, examining their implementation challenges and potential impact on the framework ecosystem. Sponsors Wix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects. Chapter Marks 00:00:00 - Intro 00:00:42 - Sponsor: Wix Studio 00:01:33 - Engineering Management Journey 00:05:11 - Managing Different Experience Levels 00:07:14 - Technical Skills in Management 00:09:27 - Should Managers Code? 00:12:19 - Managing Up vs Managing Down 00:17:27 - Team Values Discussion 00:20:11 - Strengths and Management Styles 00:26:07 - React Server Components Introduction 00:29:27 - RSC Implementation Challenges 00:34:34 - GraphQL and Server Components 00:39:13 - Future of React Frameworks 00:43:10 - Vite 6 Discussion 00:47:52 - React Community Evolution 00:51:21 - Picks and Plugs Browse AIAdvent of CSSAdvent of JavaScriptCursor"Engineering Management for the Rest of Us" by Sarah DrasnerHelldivers 2Raycast extension for Stripe01:00:14 - Show Wrap-up Links Books Mentioned: "The Manager's Path" by Camille Fournier"Engineering Management for the Rest of Us" by Sarah DrasnerTools & Software: Wix StudioBrowse AICursorRaycastRaycast Stripe extensionVite 6Next.jsSocial/Community: BradAmyBytes NewsletterConnectTech conferencePeople Referenced: Ryan BurgessGergely OroszTracy LeeDan AbramovTanner LindsleyJohn LindquistDavid KhourshidAssessment Tools: Clifton StrengthsFinderAPIs/Documentation: Stripe test cards documentationReact Server Components documentationVite documentationProjects: adventofcss.comadventofjs.com

Brad and Amy dive into their year-end tech reflections, discussing goal-setting strategies and Amy's ambitious Build 12 project for 2025. The hosts explore various database hosting solutions, share their favorite hardware purchases including cameras and peripherals, and examine how AI tools are reshaping development workflows. The episode concludes with insights into emerging tech trends and anticipated developments for 2025. Chapter Marks 00:00 Episode introduction and host intros 00:41 Year-end goals discussion and 12-week planning 02:02 Amy's Build 12 project announcement 03:01 Goal setting strategies and focus 04:25 Brad's 2024 goals review 05:35 Travel plans and New York City trips 06:58 More 2024 goals: fitness, career, and finances 08:21 Technical stack discussion 13:22 AI tools and development workflows 17:19 Database hosting options comparison 25:45 Tech gear and hardware updates 33:47 Notable tech purchases review 43:29 AI tools and future tech discussion Links Build Twelve, by Brian P. MoranThe 12 Week YearAtomic Habits, by James ClearThe Power of Habit, by Charles DuhiggSupabaseNeon databaseDigital OceanTursoCursor IDERemarkable Tablet (v2)Oura RingRazer Basilisk V3 Pro mouseSwish app for MacNuphy Air 75 keyboardDrop keyboardInsta360 One cameraInsta360 Go 3 cameraNikon ZFC cameraRay Deck - Episode 182: Low-Code as a Medium For High-Speed DevelopersMarc LouPieter LevelsWorkOSThe Best Way to Add Authentication to Your Astro WebsiteComparing FrameworksGitHub CopilotClaudeconvertkit.comloops.soPrisma

In this episode, we dive deep into the dynamics of working solo versus being part of a development team. From the ideal team composition at large companies to the challenges of maintaining open source projects, our hosts share their experiences and insights. Learn about the crucial roles of designers and product managers, the importance of documentation, and why even senior developers still Google Git commands. Whether you're a solo developer looking to collaborate or a team player wanting to improve your workflow, this episode has something for everyone. Chapter Marks 00:00 - Introduction 01:16 - The Perfect Team Composition 02:44 - Different Approaches to Team Building 04:37 - Working Without Designers: The FedEx Experience 08:10 - Documentation and Project Requirements 12:30 - The Role of Documentation in Team Success 14:47 - Documentation's Impact on Career Growth 15:14 - Onboarding and Documentation Connection 16:51 - Open Source Project Management 19:45 - Automation in Open Source 22:34 - Deals for Devs: Managing Contributors 25:29 - Branch Management and PR Workflows 29:59 - Solo Development Practices 31:21 - Git Commands and Team Workflows 35:14 - Open Source Knowledge Barriers 38:02 - The Importance of Admitting What You Don't Know 39:15 - Episode Wrap-up Links https://dev.to/opensauced/supercharge-your-repository-with-code-owners-4clghttps://github.com/bdougie/take-action/blob/main/action.ymlhttps://www.epicweb.dev/tutorials/git-fundamentalshttps://docs.github.com/en/pull-requests/collaborating-with-pull-requests/incorporating-changes-from-a-pull-request/about-pull-request-mergeshttps://gist.github.com/mitchellh/319019b1b8aac9110fcfb1862e0c97fbhttps://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/syntax-for-issue-formshttps://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repositoryhttps://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-ownershttps://hacktoberfest.virtualcoffee.io/https://opensauced.pizza/https://www.workinggenius.com/Gun.iohttps://gun.io/workstyle/https://www.dealsfordevs.com/https://docs.github.com/en/actions/sharing-automations/creating-actions/releasing-and-maintaining-actionshttps://www.conventionalcommits.org/en/v1.0.0/

Join Amy and Brad as they break down the latest developments in the React ecosystem following React Conf 2024. From quality-of-life improvements in React 19 to the introduction of the new React compiler, they analyze how these changes will impact everyday development. The episode features an in-depth discussion about Remix's strategic decision to focus on React Router, the ongoing debate between JavaScript frameworks and traditional backend frameworks, and thoughtful insights into choosing the right tools for your projects. Whether you're a seasoned React developer or just getting started, this episode offers valuable perspective on the future of web development. Sponsors Sanity delivers content anywhere (just like a headless CMS). Beyond that, Sanity gives you total composability. A fully decoupled, real-time content back end. Entirely customizable content workspaces. Chapters 00:00 - Introduction & Sponsor Message 00:42 - Sponsor: Sanity 02:12 - React Conf Experience 05:00 - Conference Personalities 08:52 - React Compiler Deep Dive 13:20 - Remix "Taking a Nap" Discussion 26:41 - React 19 Features 33:54 - JavaScript vs PHP/Laravel Debate 41:11 - Framework Decision Fatigue 44:45 - Picks & Plugs

In this host-only episode of Compressed FM, James Q Quick, Amy Dutton, and Bekah discuss how side projects and creative outlets can paradoxically provide energy rather than drain it. The conversation explores Bekah's ambitious 29-day writing project about open source alternatives, Amy's vlogging journey, and James's streaming experiences. They dive into the importance of finding activities that spark joy, even when juggling busy schedules and family commitments. The hosts share insights about automation tools like PipeDream, discuss the value of downtime for creativity, and emphasize the importance of sustainable work practices in tech. Sponsor Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders. Chapters 00:00:00 Introduction & Welcome 00:00:39 Bekah's Open Source Writing Project 00:02:05 Discussion of PipeDream vs Zapier 00:05:14 Content Creation Process & AI Tools 00:08:22 Time Management in Content Creation 00:10:31 Flexible Work Schedules 00:11:31 Amy's Vlogging Journey 00:14:48 Creative Energy & Side Projects 00:16:47 Work-Life Balance & Productivity 00:18:20 Importance of Downtime for Creativity 00:20:34 Efficiency in Daily Life 00:22:02 Sponsor: Convex 00:22:49 Deals for Dev Project Discussion 00:25:40 Picks and Plugs Segment

In this episode, Chris Sev discusses building SaaS projects with Laravel and AI, detailing his journey from launching Scotch.io to creating VideoTap. Dive into the innovative workflows for automating video marketing content, learn why Laravel remains his go-to framework, and explore insights on the future of AI in development. Show Notes 00:00:00 - Intro 00:00:33 - Guest Introduction: Chris Sev, DevRel at Sourcegraph 00:01:08 - Chris's Background and Journey 00:02:28 - Tech Stack Behind Video Tap 00:02:55 - Story of Getting the VideoTap.com Domain 00:05:20 - VideoTap's AI Implementation and Process 00:14:20 - How VideoTap Uses AI for Content Generation 00:17:06 - Prompt Engineering Tips and Techniques 00:21:17 - AI Content Generation Pipeline and Error Handling 00:22:27 - Handling Large Videos and Context Windows 00:23:44 - Experimenting with Different AI Models 00:24:23 - AI Writing Style and Evaluation Techniques 00:27:44 - Current State of VideoTap: Team and Revenue 00:30:39 - Future Goals: Integrations and Features 00:35:27 - Chris's Work at Sourcegraph and Mission 00:38:20 - Picks and Plugs Polar HabitsBroken Comb NewsletterPhind.comPerplexity.aiTwinPicks.aiRichest You SubstackKroser TSA Travel Laptop BackpackNewsletterLinks VideoTapAnthropic Prompt Engineering GuideCreator Hooks NewsletterThumbnail TestCodi AI Coding Assistant

In this episode, Amy, Brad, and guest Alex dive into cutting-edge CSS features that are transforming web development. They explore container queries, logical properties, CSS layers, and scopes, sharing practical applications and browser support updates. The trio also discusses Tailwind CSS and its role in modern web design, offering spicy takes on its implementation. Sponsor Wix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects. Show Notes Dropout.tv,GastronautsConnect Tech (Atlanta)Codemash (Ohio)@fimion@DangitAlex.wtfLove is BlindBlue SkyHappy Little DinosaursFreaking Full StackLinks Raindrop.ioInterop 2025 ListTailwindCSS

In this episode, Chris Nowicki shares his path from aerospace to web development and the unique challenges of transitioning into tech. Chris and James discuss how Chris got involved in the open-source project "Deals for Devs," including the tech stack, managing contributions, and handling obstacles. This episode offers a first-hand look at the value of community in development and tips for new devs on getting started in open source. Sponsor Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster. Show Notes 00:00 - Intro 01:08 - Chris Nowicki’s Journey into Tech 02:12 - Bootcamp Experience and Structure 05:07 - Breaking into Tech Through Community Involvement 08:38 - Deals for Devs: The Project Origin 11:10 - Sponsor Message: Postman 12:06 - Tech Stack Overview for Deals for Devs 13:22 - Tech Stack: Resend, React Email, Tailwind, and Xata 17:00 - Prisma Integration with Xata 20:00 - Challenges in Managing Community Projects 23:54 - Planning and Issue Management for Deals for Devs 28:00 - Feature Flags and Release Management 37:15 - Subscription System Workflow 45:45 - Creating a Dynamic Email Subscription System 51:58 - Managing Admin and Approval for Deals 52:26 - Closing Links OpenSaucedRedwoodJSDeals for Devs ProjectPostmanReact EmailVercelXataResendFrontend MentorLaunchDarklyGrid Iron SurvivorDev.to article on CRON jobs