Modern Web

On this episode of the Modern Web Podcast, Rob Ocel and Adam Rackis talk with Noah Harris, Senior Engineering Manager at Launch, to discuss the impact of mob programming and how it can transform engineering teams. Noah shares how pairing and mobbing helped him rapidly level up in his early career, how it fosters stronger communication, and why it's particularly valuable for remote teams.The conversation also explores engineering leadership, breaking past career plateaus, and the importance of soft skills in advancing your career. Noah shares insights on servant leadership, how engineers can take ownership without waiting for permission, and the role of code reviews in shaping strong technical leaders.Key Points Mob Programming for Team Growth – Noah explains how mob programming enhances collaboration, speeds up knowledge sharing, and improves code quality, especially in remote teams. The Role of Pair Programming in Skill Development – Pairing with experienced engineers helped Noah rapidly learn JavaScript and asynchronous programming, reinforcing the importance of hands-on mentorship. Breaking the Engineering Career Ceiling – Engineers looking to step into leadership roles need to be proactive, take ownership, and engage in code reviews to build influence and credibility. Servant Leadership & Soft Skills Matter – Leadership isn't about authority—it's about removing blockers, supporting the team, and improving communication. Engineers who master this mindset naturally transition into leadership roles.Follow Noah Harris on Social MediaLinkedIn: https://www.linkedin.com/in/nharris31/BlueSky: https://bsky.app/profile/nharris31.bsky.social

On this episode of the Modern Web Podcast, Rob Ocel and Danny Thompson sit down with Marc Backes, a freelance full-stack engineer with a wild journey through Vue.js, Nuxt, and DevRel. Marc shares what makes the Vue community stand out, why DevRel often misses the mark, and how Wikipedia uses Vue 3 to scale content across thousands of languages.Then, things get real. Marc opens up about a $250,000 startup disaster that changed his view on business forever. Meanwhile, Danny breaks down what it takes to run a tech conference on a shoestring budget—and why developers hate traditional marketing.Key Points from this episode:- The Power of Vue & Nuxt – Marc shares why he chose Vue.js, how he built his website with Nuxt, and what makes the Vue community unique.- DevRel: Hype vs. Reality – A discussion on whether DevRel is truly valuable for companies, how it's often misused, and what actually works in developer advocacy.- A $250K Startup Mistake – Marc's story of losing $250,000 in a failed startup and the crucial lesson about contracts and trust in business.- Scaling Tech & Community – Insights on Wikipedia's use of Vue 3 for translation, plus Danny's experience running a tech conference with limited resources.Chapters0:00 - Introduction to Entrepreneurship and Failure 0:43 - Podcast Introduction and Guest Welcome 4:25 - Mark's Experience in the Vue Community 9:22 - Working with Large-Scale Organizations 13:05 - Transitioning Between Developer and DevRel 19:00 - Is DevRel Worth It? 24:25 - The Challenges of Running a Tech Conference 26:02 - Lessons from Entrepreneurship 30:56 - The Emotional Toll of Failure 35:03 - Revisiting the $250,000 Grant Story 39:42 - Handling Failure and Moving Forward 41:14 - Where to Find Mark OnlineFollow Marc Backes on Social MediaTwitter: https://x.com/themarcbaLinkedin: https://www.linkedin.com/in/themarcba/Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, Danny Thompson and Adam Rackis talk with Abdel Sghiouar, Cloud Developer Advocate at Google, Kubernetes Podcast co-host, and CNCF Ambassador. Abdel shares insights from his global tech journey, from Morocco to Google's largest data center in Belgium, and now Sweden. They discuss cloud computing trends, including WebAssembly, AI-driven serverless workloads, and the shifting lines between frontend and backend. They also explore AI's impact on cloud development, from simplifying tooling to raising questions about job automation. Abdel offers a pragmatic take on AI's role, emphasizing that those who learn to leverage it will thrive.Key points from this episode:- Cultural Differences in Tech – Abdel's global experience shaped his view on work culture, from Morocco's relationship-driven workplaces to Europe's structured work-life balance.- Making Cloud Simpler – He focuses on breaking down cloud concepts and making them more approachable for developers, from high-level serverless tools to hands-on infrastructure.- AI in Cloud & Serverless – AI is improving cloud navigation, troubleshooting, and serverless efficiency, with tools like Google Cloud Assist and Vercel's Fluid Compute.- AI & Tech Jobs – AI won't replace developers but will automate simpler tasks. Understanding fundamentals and problem-solving remain key to staying relevant.0:00 - The challenge of opinionated platforms and integration in cloud0:46 - Welcome to the Modern Web Podcast with Danny Thompson & Adam Rackis1:15 - Guest introduction: Abdel Sghiouar, Cloud Developer Advocate at Google2:01 - Abdel's international journey and how different work cultures shape tech perspectives7:08 - Bridging the cloud knowledge gap for web developers9:38 - Cloud fundamentals: compute, storage, and networking12:19 - Emerging trends: WebAssembly, AI, and serverless evolution16:07 - AI's impact on cloud development: Hype vs. reality22:27 - The future of serverless and infrastructure automation28:22 - Google Cloud vs. Firebase: Balancing simplicity and scalability31:50 - What Abdel is geeking out about: Content creation and AI tools34:51 - Closing thoughts & where to connect

In this episode of the Modern Web Podcast, hosts Rob Ocel and Danny Thompson sit down with Mariano Cocirio, Staff Product Manager at Vercel, to discuss Fluid Compute, a new cloud computing model that blends the best of serverless scalability with traditional server efficiency. They explore the challenges of AI workloads in serverless environments, the high costs of idle time, and how Fluid Compute optimizes execution to reduce costs while maintaining performance. Mariano explains how this approach allows instances to handle multiple requests efficiently while still scaling to zero when not in use. The conversation also covers what developers need to consider when adopting this model, the impact on application architecture, and how to track efficiency gains using Vercel's observability tools.Is Fluid Compute the next step in the evolution of serverless? Is it redefining cloud infrastructure altogether?Keypoints Fluid Compute merges the best of servers and serverless – It combines the scalability of serverless with the efficiency and reusability of traditional servers, allowing instances to handle multiple requests while still scaling down to zero. AI workloads struggle with traditional serverless models – Serverless is optimized for quick, stateless functions, but AI models often require long processing times, leading to high costs for idle time. Fluid Compute solves this by dynamically managing resources. No major changes required for developers – Fluid Compute works like a standard Node or Python server, meaning developers don't need to change their code significantly. The only consideration is handling shared global state, similar to a traditional server environment. Significant cost savings and efficiency improvements – Vercel's observability tools show real-time reductions in compute costs, with some early adopters seeing up to 85% savings simply by enabling Fluid Compute.Chapters0:00 – Introduction and Guest Welcome1:08 – What is Fluid Compute? Overview and Key Features2:08 – Why Serverless Compute Struggles with AI Workloads4:00 – Fluid Compute: Combining Scalability and Efficiency6:04 – Cost Savings and Real-world Impact of Fluid Compute8:12 – Developer Experience and Implementation Considerations10:26 – Managing Global State and Concurrency in Fluid Compute13:09 – Observability Tools for Performance and Cost Monitoring20:01 – Long-running Instances and Post-operation Execution24:02 – Evolution of Compute Models: From Servers to Fluid Compute29:08 – The Future of Fluid Compute and Web Development30:15 – How to Enable Fluid Compute on Vercel32:04 – Closing Remarks and Guest Social Media InfoFollow Mariano Cocirio on Social Media:Twitter:https://x.com/mcocirioLinkedin:https://www.linkedin.com/in/mcocirio/Sponsored by This Dot:thisdot.co

In this episode of the Modern Web Podcast, host Rob Ocel talks with Mike Chen, Co-founder & CTO of Motivo, about the evolving world of web animations. Mike shares his enthusiasm for tools like Framer Motion (now Motion) and the View Transitions API, discussing how they make complex animations more accessible and intuitive. The conversation explores the practicality of animations in real-world applications, balancing user delight with business value, and avoiding unnecessary complexity. They also discuss the state of decentralized social media, with Mike sharing his thoughts on Blue Sky and its approach to user control. Finally, Mike talks about his Let's Get Technical Discord, a mentorship-focused space helping mid-level engineers sharpen their skills. Making Animations More Accessible – Mike Chen discusses how tools like - - Framer Motion (now Motion) and the View Transitions API simplify complex animations, making them easier to implement while maintaining performance.-Balancing Business Value and User Delight – The group explores when animations enhance UX versus when they become unnecessary, emphasizing the importance of practicality in real-world applications.- Decentralized Social Media Challenges – Mike shares his perspective on Blue Sky, its approach to user-controlled feeds, and the trade-offs between decentralization and usability.-The Power of Mentorship in Tech – Mike talks about his Let's Get Technical Discord, a space dedicated to helping mid-level engineers grow through in-depth discussions and guided learning.Chapters:00:00 - Introduction to the Podcast 00:23 - Guest Introduction: Mike Chen from Motivo 01:05 - Technologies That Have Caught Mike's Attention 01:40 - Web Animations and Their Growing Accessibility 02:13 - Framer Motion and the View Transitions API 02:50 - The Evolution of Animation Tools 03:31 - The Role of Spring Animations in UI 04:07 - Framer Motion vs. Framer as a Platform 05:05 - Expanding Animation Tools Beyond React 05:41 - Practical Use Cases for Animations in Development 06:17 - Business Justifications for Implementing Animations 07:02 - Subtle UI Enhancements vs. Overuse of Animations 08:04 - Good Animation Practices in UX 09:16 - How Companies Like Vercel and Linear Use Animations 10:55 - The Importance of Thoughtful UI Design 12:02 - The Impact of Animation on Brand Perception 13:27 - Animation as a Way to Reduce Cognitive Load 14:45 - Social Media Shifts and Blue Sky's Growth 16:09 - The Vision Behind Blue Sky's Decentralization Model 18:14 - The Challenges of Building User-Controlled Feeds 19:35 - Limitations of Blue Sky's Decentralization Approach 21:48 - Blue Sky vs. Mastodon: Usability and Adoption 24:05 - Scaling Challenges as Blue Sky Reaches 30M Users 26:43 - The Trade-offs Between Centralization and Convenience 28:59 - The Role of UI in Establishing Trust in Brands 30:27 - The Value of Mentorship in Engineering Growth 32:09 - The Struggles of Learning Without Proper Guidance 33:51 - Why Context Matters in Technical Decisions 35:15 - Where to Find Mike Online and Discord Community 36:02 - Closing Remarks and Sponsor MessageFollow Mike Chen on Social MediaBluesky: https://bsky.app/profile/chenmike.comLinkedin: https://www.linkedin.com/in/chenhmike/Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, host Rob Ocel, along with co-hosts Adam Rackis and Danny Thompson, explores the sustainability of open source with Chad Whitacre, Head of Open Source at Sentry. Chad discusses the Open Source Pledge, an initiative encouraging companies to fund the open source projects they rely on. He breaks down the challenges maintainers face, the imbalance between corporate benefit and community support, and why businesses need to step up. The conversation touches on alternative funding models, the history of open source licensing, and the push to make sustainability a core part of the industry.

In this episode of the Modern Web Podcast, Rob Ocel, Danny Thompson, Adam Rackis, and Brandon Mathis discuss the role of abstractions in software development. They explore frontend tools like React and SolidJS, backend abstractions like serverless platforms, and the importance of understanding patterns and learning through mistakes. The group also highlights emerging trends for 2025, including opportunities in platform plugins and developer marketplaces. Key Points for the Episode: The Role of Abstractions in Development: The panel discusses the benefits and challenges of abstractions in software development, emphasizing the importance of understanding underlying systems to avoid over-reliance on tools like React hooks and serverless platforms. Learning Through Experimentation: Personal experiences with tools like Advent of Code, exploring new languages like Swift and Rust, and experimenting with new frameworks like SolidJS highlight the importance of hands-on learning and stepping outside comfort zones. Platform Opportunities: A growing interest in building apps and plugins on established platforms like Stripe, Zoom, and Chrome Extensions showcases untapped opportunities for developers to create impactful solutions and monetize their skills. Chapters 0:00 - The Potential of Plugins and Platforms 0:42 - Welcome to the Modern Web Podcast 0:47 - Introducing the Hosts and Guests 1:19 - Holiday Projects and Side Gigs 1:31 - Danny's Speedrun of a New Platform 2:07 - Adam's Holiday Reading List 3:38 - Brandon's Advent of Code Challenge in Swift and Rust 5:01 - Learning New Programming Languages Through Challenges 6:52 - Discussion on Abstractions in Software Development 7:10 - The Balance Between Abstractions and Understanding the Basics 8:56 - Learning Through Experience: The Importance of Stepping on Rakes 9:46 - React's Role in Frontend Development and Its Critics 10:39 - The Evolution of Frontend and Backend Abstractions 12:09 - The Impact of Serverless and Cloud Platforms 13:31 - Misuse of Abstractions and Overcomplicated Code 14:27 - The Common Pitfalls of React Hooks Misuse 15:29 - Overuse of `useEffect` and Its Performance Implications 16:41 - Learning from Industry Experts: Insights from Ben Lesh 17:53 - The Evolution of the Web from Static Documents to Interactive Applications 19:04 - The Role of Abstractions in Backend Development and Serverless Adoption 21:06 - Advice for Developers on Understanding Patterns and Abstractions 22:21 - Sponsor Message: This Dot Labs 22:27 - Looking Ahead to 2025: Technologies and Trends 22:43 - Excitement Around SolidJS and Signals-Based Frameworks 23:29 - The Growing Ecosystem Around SolidJS and TanStack Router 24:48 - Insights from a Conversation with Ryan Carniato 25:19 - Interest in TanStack Start and React 19 Features 26:09 - Danny Learning Spanish and Coding Challenges 27:16 - Exploring New Platforms for Side Projects and Monetization 27:55 - The Untapped Potential in Plugin and App Store Ecosystems 29:01 - Case Study: Monetization through Small Chrome and Office Extensions 30:09 - Growth of Developer Marketplaces (Stripe, Slack, Shopify, Zoom) 31:06 - The Challenge of Getting Projects in Front of Users 32:03 - Opportunities in Game Modding and Twitch Extensions 32:32 - Closing Thoughts and Future Podcast Episodes 32:45 - Sponsor Message and Where to Find the Podcast Online Follow the crew on Twitter and Linkedin: Rob Twitter: https://x.com/robocell Rob Linkedin:   / robocel   Danny Twitter: https://x.com/DThompsonDev Danny Linkedin:   / dthompsondev   Adam Twitter: https://x.com/AdamRackis Adam Linkedin:   / adam-rackis-5b655a8   Brandon Twitter: https://x.com/BrandonMathis Brandon Linkedin:   / mathisbrandon   Sponsored by This Dot: thisdot.co

In this Modern Web Podcast episode, hosts Rob Ocel and Danny Thompson chat with Bree Hall, developer advocate at HubSpot and content creator known as "Bytes of Bree." Bree shares her journey from front-end engineer to advocacy, offering insights on balancing travel, staying productive, and navigating the pressures of being "always on." They explore creating engaging content, short vs. long-form formats, and how to build trust with an audience. Bree also shares tips on learning, working, and sharing knowledge while staying authentic in the tech space. Key Points from the Episode: Transition to Developer Advocacy: Bree shares her experience moving from front-end engineer to developer advocate, highlighting the expanded ways to contribute beyond coding. Managing Travel and Productivity: Practical tips for balancing frequent travel with work, including maintaining a travel kit, planning small tasks, and adapting work hours. Specializing in a Tech Stack: Bree emphasizes the importance of mastering a specific tech stack deeply, choosing Astro, React, and Tailwind as her focus for 2025. Short vs. Long-Form Content: Discussion on how short-form content skills improve long-form storytelling, with platforms like TikTok emerging as powerful tools for learning and discovery. Chapters 0:00 - 0:21 Introduction to Popular Tech Content 0:21 - 0:57 Exploring Niche Technical Topics 1:03 - 1:26 Podcast and Guest Introduction 1:32 - 2:04 Transitioning to Developer Advocacy 2:04 - 2:41 Key Differences Between Engineering and Advocacy 3:07 - 3:48 Perceptions vs. Reality of Developer Advocacy 3:48 - 5:25 Navigating the Challenges of Always Being "On" 5:25 - 6:34 Travel Productivity Tips for Advocates 6:34 - 7:24 Balancing Work During Heavy Travel 7:24 - 8:46 Tips for Staying Organized on the Road 8:46 - 10:12 Personal Rituals to Stay Grounded 10:12 - 11:17 Optimizing Gear for Productive Travel 11:17 - 12:14 Reflecting on Priorities for 2025 12:14 - 14:22 Choosing and Mastering a Tech Stack 14:22 - 15:56 Advice for Junior Developers 15:56 - 18:10 Balancing Fun and Learning in Development 18:10 - 19:55 Sharing the Journey: Content Creation Insights 19:55 - 22:24 The Spectrum of Developer Passion 22:24 - 24:03 Finding Your Lane in Tech Content 24:03 - 25:02 Diverse Interests in Developer Content 25:02 - 26:31 Content Creation and TikTok Strategies 26:31 - 27:42 The Success of "Break into Tech" Content 27:42 - 30:15 The Role of TikTok as a Search Engine 30:15 - 32:01 Short Form vs. Long Form Content 32:01 - 33:56 The Art of Engaging Content 33:56 - 36:04 The Power of Short Form in Building Trust 36:04 - 37:39 Evolving as a Content Creator 37:39 - 39:01 Processing and Discussing Information in Content 39:01 - 40:30 Challenges of Live Content Creation 40:30 - 41:39 Closing Remarks and Guest Links Follow Bree on Social Media Twitter: https://x.com/bytesofbree Linkedin: https://www.linkedin.com/in/briannahall0/ Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, hosts Rob Ocel and Danny Thompson sit down with Pat Clarke, Director of Engineering at Lumen Learning, to explore the evolving state of web development. They discuss everything from the monotony of today's web design and the rise of cookie-cutter sites to the resurgence of personal websites and the need for creativity in web experiences. Pat shares insights on balancing innovation with business goals, the complexities of front-end development, and why full-stack developers may not always be the solution. Key topics include: - Why the web feels “gray and boring” today - The balance between data-driven design and user experience - The importance of front-end specialization in modern development - How to train developers to be well-rounded while embracing their strengths - Finding the right resources to skill up in a fast-moving industry Follow Pat Clarke on Social Media Twitter: https://x.com/LeftShotDev Linkedin: https://www.linkedin.com/in/pat-clarke-dev/ Lumen Learning: https://lumenlearning.com/ Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, host Danny Thompson sits down with David Mytton, founder and CEO of Arcjet and creator of the console.dev DevTools newsletter. They explore what makes a truly successful developer tool, the importance of great documentation, and how Arcjet is redefining "security as code" for modern applications. David shares insights into open-source strategies, balancing speed and innovation in startups, and the evolving role of AI in developer tools. Chapters 0:00 - 1:41 Episode Introduction 1:42 - 2:55 David Mitten's Background & Dev Tools Expertise 2:56 - 4:17 The Importance of Great Documentation 4:18 - 6:43 Challenges in Keeping Documentation Updated 6:44 - 9:20 Simplistic vs. Over-Stylized Docs 9:21 - 11:19 Why Arcjet Stands Out 11:20 - 13:01 Developer Security & Perceptions 13:02 - 15:07 Layered Security & Best Practices 15:08 - 16:46 Encouraging Developers to Prioritize Security 16:47 - 18:48 Dependency Management Challenges 18:49 - 20:30 Evolving Dev Tools Over Time 20:31 - 22:54 Modern Code Editors & Terminal Innovation 22:55 - 25:41 AI's Role in Dev Tools 25:42 - 27:08 Benchmark Reliability in Dev Tools 27:09 - 30:57 Open Source Contributions & Strategy 30:58 - 32:54 Shipping Fast as a Small Team 32:55 - 34:06 Closing Remarks Follow David Mytton on Social Media Twitter: https://x.com/davidmytton Linkedin: https://www.linkedin.com/in/davidmytton/ Website: https://davidmytton.blog/ Github: https://github.com/davidmytton Sponsored by This Dot: thisdot.co

Dive deep into the fascinating world of SQLite and Turso with Gláuber Costa, the founder and CEO of Turso, as he shares insights into the evolution of modern database technologies. Hosted by Danny Thompson and Adam Rakus on the Modern Web Podcast, this episode unpacks SQLite's growing popularity, Turso's innovative managed database services, and how local-first architectures are changing the database landscape. From syncing databases to leveraging SQLite for offline use, discover how these advancements empower developers to build faster, scalable, and cost-effective solutions. Tune in to learn about Turso's unique approach, real-world use cases, and the future of databases in edge computing and mobile applications. Topics Discussed: - SQLite's resurgence and why it's trending in modern architectures - Turso's fork of SQLite and its innovative features - Offline-capable databases and local-first architecture - The impact of no-SQL databases and why SQL is making a comeback - Practical examples and use cases of database syncing and encryption Follow Glauber Costa on Social Media Twitter: https://x.com/glcst Linkedin:   / glommer   Github: https://github.com/glommer Turso: https://turso.tech/ Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, host Danny Thompson interviews Ryan Carniato, creator of SolidJS, about the evolving relationship between client and server technologies in web development. They explore the history of server-side rendering, single-page applications, and how SolidJS bridges these worlds with innovations like single-flight mutations, which cut down on server-client round trips for better performance. Ryan also shares his vision for the future of reactive systems, focusing on async models and proxy-based stores that enable precise state updates with minimal re-renders. Chapters 0:00 – Introduction and Guest Welcome 1:52 – Challenges of Client and Server Models in Modern Web 4:05 – Importance of Page Load Time and SEO 6:00 – Balancing Client-Server Interactions in Frameworks 9:03 – Exploring React Server Components and Astro Islands 12:00 – Single Page Apps and Data Serialization Challenges 16:02 – Understanding the Cost Triangle of Modern Frameworks 20:02 – The Router Approach in Solid and Its Benefits 27:00 – Framework Opinionation and Flexibility in Ecosystems 35:03 – Vendor Lock-in Trends and React's Evolution 43:04 – Single Flight Mutations: Concept and Benefits 46:05 – Current Work: Reactivity and Signals in Solid 52:00 – Exploring Mutable Reactivity and Performance Gains 57:02 – Wrap-Up and Final Thoughts Follow Ryan Carniato on Social Media Twitter: https://x.com/RyanCarniato Dev.to: https://dev.to/ryansolid Github: https://github.com/ryansolid Sponsored by This Dot: thisdot.co

Discover how Makeswift empowers developers and marketers with seamless Next.js integration in this episode of the Modern Web Podcast. Hosts Rob Ocel, Adam Rackis, and Danny Thompson talk with James Q. Quick, Head of Developer Experience at Makeswift, about building dynamic web experiences using Next.js. Learn how Makeswift combines a powerful visual builder for marketers with developer-friendly customization through Next.js. James shares insights on bridging the gap between no-code and full-code development, enabling teams to create flexible, scalable websites with ease. Chapters 00:00 - Intro & Banter 01:36 - Official Welcome & Guest Introduction 03:28 - Next.js Conf Recap: Major Takeaways 07:26 - Server Components in Next.js: Impact & Challenges 14:17 - Caching & Revalidation in Next.js 18:13 - Next.js Learning Curve & Education 24:06 - Learning the Platform vs. Learning Next.js 27:59 - TanStack Start: The Next Big Framework? 30:03 - What Is Makeswift? 33:50 - Why Choose Next.js for Makeswift? 36:51 - Where to Learn More 37:06 - Outro & Final Thoughts Follow James Q. Quick on Social Media Twitter: https://x.com/jamesqquick Linkedin: https://www.linkedin.com/in/jamesqquick/ Github: https://github.com/jamesqquick Makeswift: https://www.makeswift.com/ Sponsored by This Dot: thisdot.co

Backstage at All Things Open 2024, hosts Rob Ocel and Danny Thompson talk with Max Howell, creator of Homebrew and founder of the Tea Protocol, about making open source sustainable. Max shares his journey from building Homebrew as a passion project to launching Tea Protocol, which uses token-based economics to support maintainers without compromising open source values. They explore challenges like corporate involvement, project monetization, and building resilient open source communities. Chapters 00:00 - Introduction 02:20 - Max's Open Source Journey 09:09 - The Problem with Open Source Sustainability 13:54 - Why Traditional Funding Models Fail 16:08 - Tea Protocol's Economic Model 18:34 - What Happens Without Open Source? 20:59 - Sacrifices Open Source Maintainers Make 23:09 - Capturing Value in Open Source 25:10 - Advice for Aspiring Open Source Developers 27:36 - Where to Learn More Follow Max Howell on Social Media Twitter: https://x.com/mxcl Linkedin: https://www.linkedin.com/in/mxcl/ Check out Tea Protocol: https://tea.xyz/ Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, recorded backstage at All Things Open, hosts Rob Ocel and Tracy Lee sit down with Bermon Painter, Composable Platforms Leader at Slalom, to explore how behavioral economics shapes ethical UX design. They discuss real-world examples like continuous glucose monitors, AI-driven personalization, and tackling dark patterns while balancing user trust and business goals. Berman also shares career tips and his unique open office hours, making this a must-watch for designers, engineers, and leaders alike. Chapters Introduction and Guest Welcome – 00:00 What is Behavioral Economics? – 02:36 Real-World Application: Voting Policies – 04:37 Healthcare Example: Continuous Glucose Monitors – 05:52 Design Challenges for Healthcare Apps – 08:12 Personalization and AI in UX Design – 12:52 International UX Design Differences – 14:08 The Ethical Dilemma of Dark Patterns – 17:28 Ethical Frameworks for Product Design – 20:33 Balancing Profit and Ethics – 22:39 Behavioral Economics for Engineers – 27:10 Berman's Open Office Hours and Final Thoughts – 28:56 Outro and Sponsor Shoutout – 30:59 Follow Bermon Painter on Social Media Twitter: https://x.com/bermonpainter Linkedin: https://www.linkedin.com/in/bermonpainter/

In this episode of the Modern Web Podcast, recorded at All Things Open in Raleigh, NC, Rob Ocel talks with Tobie Morgan Hitchcock, co-founder and CEO of SurrealDB, about redefining databases. SurrealDB consolidates the complexity of using multiple database models—relational, graph, document, and more—into a single platform, enabling advanced queries and features like time travel. Toby shares insights on its innovative approach to separating storage and compute layers, the challenges of building from scratch, and the enthusiastic adoption by developers and enterprises. Chapter 00:00 - Introduction and Setting the Stage 01:46 - Why Create Another Database? 04:31 - How SurrealDB Works 07:36 - The Developer Experience with SurrealDB 11:01 - Time Travel in Databases 16:21 - Challenges and Opportunities in Database Innovation 20:01 - Educating Developers on SurrealDB + Community and Adoption Follow Tobie Morgan Hitchcock Linkedin: https://www.linkedin.com/in/tobiemorganhitchcock Twitter: https://x.com/tobiemh

Hosts Tracy Lee and Rob Ocel talk with Jesse Hall, Staff Developer Advocate at MongoDB, about the future of databases, web frameworks, and the evolving role of developers. They explore how MongoDB's latest release is transforming data storage and access patterns, the mindset shift required for adopting document databases, and the rise of vector databases. The conversation also covers the current state of frontend frameworks like Svelte, Next.js, and Angular, and how AI and low-code tools are reshaping the developer landscape. Whether you're a database enthusiast or a web development pro, this episode offers valuable insights into the technologies shaping the industry. 00:00 - Intro and Setting the Scene 02:30 - Behind the Scenes at All Things Open 04:00 - The Evolution of Databases 08:00 - Understanding Document Databases 10:45 - Vector Databases and AI Integration 14:00 - Frontend Frameworks: The State of the Ecosystem 18:30 - Collaboration Across Frameworks 22:00 - AI and the Future of Development 26:00 - The Future of Server-Side Rendering 29:00 - Closing Thoughts and Resources 30:00 - Outro Follow Jesse Hall on Social Media Twitter: https://x.com/codeSTACKr Linkedin: https://www.linkedin.com/in/codestackr/ Sponsored by This Dot Labs

In this episode of the Modern Web Podcast, recorded live at All Things Open in Raleigh, NC, hosts Rob Ocel and Danny Thompson sit down with Dr. Sally Wahba, Principal Software Engineer at Splunk. Dr. Wahba shares her experience tackling on-call burnout, offering insights into reducing fatigue through better observability, automation, and thoughtful team practices. The conversation also touches on mentorship and growth in the tech industry, including practical advice for junior engineers navigating the transition from academics to professional roles and tips for companies to better support new talent. Chapters 00:00:13 - Introduction to Marketing This Dot 00:01:00 - Asking for Help Effectively 00:02:21 - Reducing On-Call Fatigue 00:04:42 - Observability Best Practices 00:07:07 - Balancing Alerts and On-Call Efficiency 00:09:30 - The Role of On-Call in Modern Engineering 00:11:29 - Insights from the Grace Hopper Celebration 00:13:56 - Mentorship and Team Dynamics 00:16:14 - Rapid Changes in Technology and Adaptation 00:18:39 - Automation, Observability, and Debugging Challenges 00:21:04 - Addressing the Talent Gap and Junior Engineer Growth 00:24:00 - Closing Thoughts and Where to Learn More Follow Dr. Sally Wahba on Social Media Twitter: https://x.com/sallyky Linkedin: https://linkedin.com/in/sallywahba/ Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, Danny Thompson sits down with Ferdinand Como and Baptiste Leproux from Nuxt Labs to uncover the story behind Nuxt Studio, a tool that's transforming how developers and non-technical users interact with Nuxt applications. Ferdinand and Baptiste share how Nuxt Studio bridges the gap between developer customization and user-friendly content management. Built to empower agencies, freelancers, and their clients, Nuxt Studio combines powerful features like live previews, Vue component integration, and schema-driven forms to make managing content seamless. The conversation also explores the broader mission of Nuxt Labs—building sustainable open-source tools that enhance developer experience and meet real-world needs. With insights into the future of Nuxt Studio and its potential to scale for larger organizations, this episode is a must-listen for anyone passionate about innovation in web development. Chapters 1. Introduction and Setting the Stage (00:00:00)   2. The Vision Behind Nuxt Studio (00:03:10)   3. Nuxt Studio's Core Features (00:08:45)   4. Challenges in Building Nuxt Studio (00:16:20)   5. Target Audience and Use Cases (00:22:35)   6. Sustainability in Open Source (00:29:00)   7. The Future of Nuxt Studio (00:35:10)   8. Nuxt Studio's Role in the Nuxt Ecosystem (00:42:30)   9. Closing Thoughts and What's Next (00:48:00)   10. Sponsor Shoutout and Wrap-Up (00:53:20)   Follow Baptiste Leproux and Ferdinand Coumau Baptiste Twitter: https://x.com/_larbish Ferdinand Twitter: https://x.com/CoumauFerdinand Baptiste Linkedin: https://www.linkedin.com/in/baptiste-leproux-618842b0/Ferdinand Linkedin:  https://www.linkedin.com/in/ferdinand-coumau-nuxt/ Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, Rob Ocel and Danny Thompson chat with Lawrence Lockhart, Developer Advocate at Vaadin, about using Java on the front end. Lawrence introduces Vaadin's frameworks, Flow and Hilla, which empower Java developers to build full-stack applications without needing JavaScript. They discuss Vaadin's web components, built-in accessibility, seamless integration with Spring Boot, and how it simplifies complex web applications for enterprise use. Chapters 00:03 - Introduction 01:02 - What is Vaadin and Full-Stack Java 03:12 - Why Use Vaadin? 05:58 - Vaadin's Communication Layer 08:13 - Vaadin vs. Traditional Front-End Frameworks 11:04 - Flexibility and Support for Web Components 15:14 - Micro Front-Ends and Cross-Team Collaboration 17:57 - Accessibility in Vaadin 19:27 - Sponsor Break 20:37 - Vaadin's Backend Integration 22:39 - Power of Web Components in Vaadin 24:07 - Open Source and Community 26:15 - Testing with Vaadin 27:02 - Success Stories with Vaadin 30:09 - Customization and Theming in Vaadin 32:51 - Danny's Perspective on Vaadin 34:02 - Conclusion and Closing Remarks Follow Lawrence Lockhart on Social Media Twitter: https://x.com/LawrenceDCodes Linkedin: https://www.linkedin.com/in/lawrencelockhart/ Github: https://gist.github.com/lawrencedcodes/forked Sponsored by This Dot: thisdot.co

Rob Ocel and co-hosts Tracy Lee, Adam Rackis, and Danny Thompson talk with tech educator Ankita Kulkarni about her journey from engineering leader to full-time educator. Ankita shares insights on teaching Next.js, bridging practical knowledge gaps, and helping developers tackle real-world challenges. They discuss Next.js as a React-based framework, its benefits, and the challenges it presents for beginners. Chapters Introduction to the Podcast and Guests 00:01   Meet Ankita Kulkarni, Tech Educator 00:26    Ankita's Transition to Full-Time Education 01:41    Teaching Practical Knowledge in Next.js 03:19    Effective Methods for Teaching Next.js 05:27   Challenges of Being a Full-Time Educator 07:48   Balancing Broad and Specific Examples 09:54    Embracing Mistakes as a Teaching Tool 12:13   Pair Programming and Mentorship 14:00    Discussion on Next.js and Framework Adoption 16:48    Advantages and Challenges of Next.js 18:12   Choosing the Right Framework for Your Needs 20:35    Impact of Next.js in React Documentation 22:26    Learning Paths for New Developers 23:24    The Rise of Full-Stack Web Development 25:09    Benefits of Frameworks Abstracting Complexity 26:27    OpenNext and Deployment Flexibility 28:06  Ankita's Excitement for New Next.js Features 30:35   The Future of Next.js Without Vercel 32:16   Final Thoughts and Where to Find Everyone Online 34:21 Follow Ankita Kulkarni on Social Media  Twitter: https://x.com/kulkarniankita9 YouTube: https://www.youtube.com/@kulkarniankita Sponsored by This Dot: thisdot.co

Annie Sexton, Developer Advocate at Fly.io, to discuss Fly.io's approach to simplifying cloud deployment. Annie shares Fly.io's unique position as a public cloud that offers the flexibility of infrastructure control with a streamlined developer experience. They explore Fly.io's private networking and distributed app capabilities, allowing developers to deploy applications close to users worldwide with ease. Annie also addresses common challenges in distributed systems, including latency, data replication, and the balance between global reach and simple, single-region projects. Chapters: - 00:00 - 01:32 Introduction to the Modern Web Podcast and Guests - 01:33 - 04:00 Overview of Fly.io and Annie's Role as Developer Advocate - 04:01 - 06:35 What Makes Fly.io Stand Out Among Cloud Platforms - 06:36 - 08:57 Distributed Applications: Benefits and Use Cases - 08:58 - 11:28 Understanding Distributed Web Servers and Private Networking - 11:29 - 13:49 Challenges in Distributed Data and Replication Techniques - 13:50 - 16:12 Fly.io's Unique Solutions for Data Consistency - 16:13 - 18:34 When to Consider a Distributed Setup for Your Application - 18:35 - 20:35 Tools and Tips for Evaluating Geographical Distribution Needs - 20:36 - 22:22 Simplifying Global Deployment with Fly.io's Command Features - 22:23 - 24:18 Considerations for Latency and Performance Optimization - 24:19 - 26:45 Balancing Simplicity with Advanced Control for Developers - 26:46 - 29:04 Easy Deployment for Hobbyists and Smaller Projects - 29:05 - 31:27 Getting Started on Fly.io with Fly Launch - 31:28 - 33:48 Developer Advocacy and Meeting Diverse Needs in the Cloud - 33:49 - 36:15 Catering to Beginners and Experienced Developers Alike - 36:16 - End Closing Remarks and Where to Find Fly.io and the Hosts Follow Annie Sexton on Social Media Twitter:https://x.com/_anniebabannie_ Linkedin: https://www.linkedin.com/in/annie-sexton-11472a46/ Github: https://github.com/anniebabannie

In this episode of the Modern Web Podcast, host Rob Ocel is joined by Adam Rackis, Danny Thompson, and guest Braydon Coyer, Senior Front-End Developer at LogicGate to talk about using Angular Signals for improved state management and DOM performance. Braydon explains how Signals simplify Angular development and offer better readability and efficiency compared to traditional methods like RxJS. The conversation also touches on hiring in the AI era, discussing challenges around take-home tests and live coding, and how AI tools like ChatGPT are changing the interview process. Chapters 00:00 - Introduction   00:57 - The Angular Renaissance   02:24 - Signals in Angular   03:27 - Transitioning to Signals   04:19 - Signals in Utility Development   05:09 - RxJS and Signals   07:52 - Signals vs Other State Management Solutions   09:34 - Testing Signals   10:29 - Control Flow and Standalone Components in Angular   12:02 - Angular's Evolution and Accessibility   13:28 - Angular's Framework Governance   17:10 - Hiring in the Age of AI   19:15 - Pair Programming and Real-Time Problem Solving   22:24 - The Role of AI in Interviews   27:58 - Wrapping Up Follow Braydon Coyer on Social Media Twitter: https://x.com/BraydonCoyer Linkedin: https://www.linkedin.com/in/braydon-coyer/ Github: https://github.com/braydoncoyer

In this episode of the Modern Web Podcast, Danny Thompson, Director of Technology at This Dot Labs, hosts a conversation with Theresa Mammarella, JVM engineer at IBM, and Brian Sam-Bodden, Applied AI Engineer at Redis. They explore their talks at JCONF in Dallas, Texas, covering topics like GenAI architectures in the Java community and OpenJDK's Project Valhalla. Their conversation covers Java's evolution, AI applications, semantic caching, and how these technologies are impacting development workflows and performance optimization. Chapters 00:00 - Introduction   01:00 - Brian on GenAI in the Java Community   01:47 - Java's Safe Evolution Path   02:17 - Teresa on Project Valhalla   03:54 - Value Classes and Performance   04:33 - Brian on Semantic Caching   06:54 - Challenges of Rewording Prompts   09:15 - What is RAG Architecture?   11:34 - Java's Role in AI   13:57 - Cost of LLMs and Caching Strategies   15:57 - Teresa on Java's Future   18:22 - Learning Resources for Java Developers   20:44 - Addressing Misconceptions About Java   22:39 - Final Thoughts   Follow Theresa Mammarella & Brian Sam on Social Media Theresa Mammarella Twitter: https://x.com/t_mammarella?lang=en Brian Sam-Bodden Twitter: https://x.com/bsbodden Theresa Mammarella Linkedin: https://www.linkedin.com/in/tmammarella/ Brian Sam-Bodden Linkedin:  https://www.linkedin.com/in/sambodden/

In this episode of the Modern Web Podcast, host Rob Ocel and co-hosts Adam Rackis, Tracy Lee, and Danny Thompson discuss the importance of unit testing for maintaining code quality and reliability, emphasizing its role in scaling projects and ensuring long-term stability. The conversation also highlights the benefits of TypeScript in improving code safety and developer productivity, sharing experiences on how it catches errors early in the process. They also examine the growing role of AI in automating development tasks, weighing the efficiency gains against the risks of over-reliance on automation while stressing the importance of understanding the underlying processes. Chapters 00:00 - Introduction and Episode Overview 02:59 - The Importance of Unit Testing 10:03 - Best Practices for Implementing Unit Tests 17:15 - TypeScript's Role in Code Safety and Productivity 2:30 - AI in Software Development: Automating Tasks 29:16 - Balancing AI Automation with Developer Expertise 32:07 - Final Thoughts and Closing Remarks Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, Danny Thompson, Director of Technology at This Dot Labs, sits down with Vincent Mayers, a seasoned tech conference organizer with over 15 years of experience. They discuss the intricacies of running successful conferences, including the challenges of selecting event locations, building community engagement, and creating memorable experiences for attendees. Vincent also shares insights into the evolution of tech conferences, from the importance of shorter talks to the value of the "hallway track" for networking. Tune in for an inside look at how these events shape the tech ecosystem and tips for organizing your own conferences! Chapters 00:00 - Introduction 01:45 - Vincent Mayers' Background 03:50 - Choosing Conference Locations 06:10 - Building Community and Spreading the Word 08:40 - Sponsorship and Funding Challenges 11:00 - Securing Speakers for Tech Conferences 14:20 - Improving the Conference Experience 16:30 - Badge Design and the Attendee Experience 18:50 - Engaging Attendees Beyond Talks 21:00 - The Role of Tech Conferences in the Java Ecosystem 23:12 - Attendees Still Using Older Java Versions 26:00 - Balancing Cutting-Edge Tech with Fundamentals 28:15 - Evolving Attention Spans in Tech Conferences 30:00 - The Importance of the Hallway Track 33:19 - Closing Remarks Follow Vincent Mayers on Social Media Twitter: https://x.com/vincentmayers Linkedin: https://www.linkedin.com/in/vincentmayers/Github: https://github.com/vincentmayers Sponsored by This Dot.

In this episode of the Modern Web Podcast, Rob Ocel, Danny Thompson, and Adam Rackis talk with Michael Liendo, Senior Developer Advocate at AWS, about building practical AI applications and tackling challenges like scalability, multimodal functionality, and cloud infrastructure choices. Michael shares insights on tools like AWS Amplify and DynamoDB, discusses strategies for managing cloud costs, and explores the evolving role of prompt engineering. Michael previews his upcoming talks at AWS re:Invent on AI and scalable B2B SaaS applications. Chapters 00:00 - Introduction and Guest Welcome 01:30 - Talking Weather and Life in the Midwest 03:00 - Exploring Generative AI and Practical Applications 06:45 - Navigating Cloud Costs and Scalability Considerations 08:30 - Maintaining Creativity and Customization with AI 11:00 - Managed Services vs. On-Prem Infrastructure Debate 15:30 - Choosing a Tech Stack for Side Projects and Startups 18:45 - Learning Cloud: Paths for Full-Stack Cloud Development 22:30 - The Role of Cloud Certifications in Today's Market 26:00 - Preview of Michael's Upcoming Talks at AWS re:Invent 32:00 - Where to Find Michael Online Follow Michael Liendo on Social Media Twitter: https://x.com/focusotter Linkedin: https://www.linkedin.com/in/focusotter/ Sponsored by Wix Studio: wix.com/studio

Danny Thompson, Director of Technology at This Dot Labs, talks with Tanner Linsley, Creator of TanStack, about his latest project, TanStack Start. They discuss the challenges of existing frameworks like Next.js and Remix, the development of TanStack Router, and the future of React Server Components. Tanner also explains how caching strategies and fine-grained invalidation can transform the user experience. Chapters 1. Introduction & Tanner's Background (00:00) 2. Going Full-Time on TanStack (01:00) 3. The Birth of TanStack Router (02:21) 4. Why Build Another Framework? (04:00) 5. React Server Components: Potential & Limitations (07:05) 6. Fine-Grained Cache Invalidation & UX (09:02) 7. Parallel Data Fetching in Routing (13:39) 8. TanStack Start: Alpha & Future Plans (16:41) 9. Where to Learn More About TanStack (18:48) Find Tanner Linsley on Social Media Twitter: https://x.com/tannerlinsley Linkedin: https://www.linkedin.com/in/tannerlinsley/ Github: https://github.com/tannerlinsley TanStack: https://tanstack.com/

Tracy Lee and Rob Ocel chat with Jason Torres about the challenges of breaking into tech, especially for self-taught and underrepresented developers. Jason shares his journey from a 15-year career in the film industry to pursuing software development, discussing the emotional and financial hurdles involved. They also discuss the importance of networking, finding a niche rather than mastering everything, and the impact of the tech downturn on junior developers. Chapters 1. Introduction and Tech Career Journeys (00:00 - 02:30) 2. The Struggles of Breaking Into Tech (02:31 - 06:00) 3. Jason's Career Pivot from Film to Tech (06:01 - 10:30) 4. The Importance of Networking and Community (10:31 - 15:00) 5. Specializing vs. Being a Generalist in Tech (15:01 - 20:00) 6. Finding Your Path in Tech (20:01 - 25:30) 7. Dealing with Imposter Syndrome and Belonging (25:31 - 30:00) 8. Final Thoughts and Tips for Breaking Into Tech (30:01 - 33:00) 9. Closing Remarks and Tech Talk Humor (33:01 - End) Follow Jason Torres on Social Media Twitter: https://x.com/TasonJorres Linkeidn: https://www.linkedin.com/in/thejasontorres/ Sponsored by Wix Studio: https://www.wix.com/studio

In this episode of the Leadership Exchange, John Crichton, Chief Technology Officer at Lightning Step Technologies, shares insights on balancing privacy and compliance requirements while fostering innovation in the electronic medical records (EMR) space. The discussion explores the complexities of healthcare data, the evolving use of AI to improve efficiency and patient care, and the importance of servant leadership in building high-performing teams. John also reflects on his experience transitioning from the financial services industry into healthcare, offering advice on integrating AI and developing team culture in both fields. Chapters [00:00 - 00:25] Introduction and Welcome [00:26 - 01:07] Guest Introduction: John Crichton [01:08 - 02:21] The Lack of Standardization in EMRs [02:22 - 02:52] Challenges in Clinical Trials and EMR Data [02:53 - 04:28] Balancing Innovation and Compliance in Healthcare [04:29 - 06:51] The Impact of Shifting Compliance and Privacy Concerns [06:52 - 07:10] The AI and Data Privacy Challenge in Healthcare [07:11 - 09:43] Integrating AI While Ensuring Data Security [09:44 - 12:33] Leveraging AI for Developer Productivity and Clinical Efficiency [12:34 - 15:13] AI in Enhancing Patient Care: Lightning Intelligent Assistant [15:14 - 16:41] Ethical Considerations Around AI in Healthcare [16:42 - 19:00] Comparing Regulatory Challenges: Financial Services vs. Healthcare [19:01 - 21:22] Healthcare Records and Financial Records: Privacy and Security [21:23 - 24:00] The Role of AI in Agile Development Processes [24:01 - 26:21] Leadership Lessons: Mentorship and Servant Leadership [26:22 - 29:12] Building a High-Performing Team Through Culture and Leadership [29:13 - End] Closing Remarks and Where to Find John Crighton Find John Crighton on Social Media Linkedin: https://www.linkedin.com/in/johncrighton/ Lightning Step Technologies: https://lightningstep.com/

Machine Learning and AI expert Shivay Lamba, discusses the evolution of machine learning tools, and his work on MLOps and deploying large language models (LLMs). The conversation covers the accessibility of AI, the power of JavaScript in machine learning through tools like TensorFlow.js, and the growing importance of ethical AI practices. Shivay also discusses the transition of web-based AI tools, the importance of transfer learning, and how developers can break into the space of AI and machine learning. Chapters 1. Shivay's Journey into Machine Learning (00:00 - 03:30) 2. The Power of TensorFlow.js and Web AI (03:31 - 07:00) 3. Challenges in Hackathons: Using Pre-trained Models (07:01 - 10:00) 4. Navigating the AI Ecosystem: Python vs. JavaScript (10:01 - 13:30) 5. LLMs and Their Growing Popularity (13:31 - 17:00) 6. The Importance of Core Machine Learning Knowledge (17:01 - 20:00) 7. AI Ethics & Challenges in Scaling Models (20:01 - 23:00) 8. Shivay's Content & Community Involvement (23:01 - 25:00) 9. Conclusion & Final Thoughts (25:01 - End) Follow Shivay on Social Media Twitter: https://x.com/HowDevelop Github: https://github.com/shivaylamba Sponsored by This Dot: thisdot.co

In this episode of the Modern Web Podcast, Nick Taylor, Senior Software Engineer at OpenSauce discusses the current state of open source, including the challenges around funding, sustainability, and contributor burnout. Nick shares insights into how open source has impacted his career and highlights the growing importance of tools like TypeScript in the open-source ecosystem. The panel also discusses the evolution of TypeScript, its widespread adoption, and its role in shaping the modern web development landscape. They explore the nuances between JavaScript and TypeScript, the friction that developers sometimes face when working with types, and how TypeScript has grown into a default tool for many projects. Chapters 00:00 - Introduction and Co-Host Introductions 00:47 - Guest Introduction: Nick Taylor 01:37 - The Current State of Open Source 02:50 - Funding Challenges in Open Source 03:54 - Open Source Success Stories and Funding Examples 05:35 - Open Source Burnout and Quiet Quitting in Tech 06:43 - Challenges for Open Source Maintainers 07:26 - Motivation and Incentives for Contributing to Open Source 08:35 - Career Benefits of Open Source Contributions 10:11 - Nick's Journey into Open Source Contributions 12:38 - The Burden of Managing Popular Open Source Projects 14:27 - Hacktoberfest and Low-Quality Contributions 16:14 - Challenges for Beginners Contributing to Open Source 18:01 - The Impact of Hacktoberfest and Mitigating Spam PRs 20:12 - TypeScript's Rise in Popularity 23:16 - Why TypeScript Became Popular in Open Source 25:45 - The Debate Around Static Typing in JavaScript 27:08 - TypeScript vs. JavaScript: Future Considerations 30:21 - The Role of Build Steps in Modern Development Frameworks 33:35 - The Complexity of TypeScript for Different Developer Levels 36:12 - Enum Usage and TypeScript's Type System 38:53 - TypeScript's Structural Typing and Its Implications 39:47 - Nick's Contact Information and Closing Remarks Follow Nick Taylor on Social Media Twitter: https://x.com/nickytonline Linkedin: https://www.linkedin.com/in/nickytonline/ Github: https://github.com/nickytonline Sponsored by Wix Studio: https://www.wix.com/studio

In this episode of the Modern Web Podcast, CSS expert Kevin Powell discusses the evolution of CSS, from the early days of CSS3 to the rapid advancements with Flexbox, Grid, and the latest innovations. Kevin explains how CSS is making strides to integrate features that previously required JavaScript, like scroll-driven animations and popovers, simplifying development and improving performance. He also touches on the importance of understanding the fundamentals of CSS, debugging techniques, and the future of tools like Tailwind and Sass.  Chapters 0:00 - Introduction and Technical Setup Issues 01:05 - Guest Introduction: Kevin Powell 02:00 - Kevin's Journey into CSS and Content Creation 03:21 - Evolution of CSS: From CSS3 to Modern Features 05:46 - The Role of JavaScript in CSS and New Features 08:08 - Popovers, Anchor Positioning, and Progressive Enhancement in CSS 10:26 - Discussion on SAS, Tailwind, and CSS Tools 12:35 - Challenges with Tailwind and Over-Componentization 14:57 - The Importance of Learning Core CSS Principles 16:56 - The "CSS is Hard" Memes and Overcoming CSS Frustration 19:12 - Formatting Contexts and Advanced CSS Concepts 21:31 - Opportunities for Junior Developers to Master CSS 23:54 - Browser Discrepancies and the Future of Web Standards 26:14 - Refactoring CSS for Performance and Best Practices 27:50 - Favorite CSS Resources and Conferences 28:26 - Imposter Syndrome and Kevin's Speaking Journey 29:55 - Closing Remarks and Where to Find Kevin Powell Online Follow  Kevin Powell on Social Media Twitter: https://x.com/KevinJPowell Github: https://github.com/kevin-powell YouTube: https://www.youtube.com/kevinpowell

YK Sugi, Senior AI Developer Advocate at Sourcegraph and founder of CS Dojo, shares his journey from coding with MATLAB to working at Google and founding his YouTube channel, and how ChatGPT inspired his shift towards AI-driven applications. Along with our hosts, he discusses AI's impact on coding, particularly in large codebases, and the role of tools like Sourcegraph's Cody and GitHub Copilot in improving developer workflows. They also explore how AI is evolving in code completion, legacy code, and its broader potential in development. Chapters Introduction and Guest Introduction 00:00 YK's Coding Journey 02:01 AI's Impact on YK's Career 07:31 AI in Large Codebases 11:01 Choosing AI Models for Coding 17:01 AI for Code Completion and Development Efficiency 21:01 The Future of AI in Software Development 26:31 AI and Human Creativity 32:01 Closing Remarks and Where to Find YK 36:01 Follow YK on Social Media Twitter: https://x.com/ykdojo Linkedin: https://www.linkedin.com/in/ykdojo/ Github: https://github.com/ykdojo

Rob Ocel, Tracy Lee, Adam Rackis, and Danny Thompson sit down with Kyle Tryon, Senior Developer Advocate at Depot, to talk all things Docker, dev containers, and modern build systems. They break down how Docker simplifies development by solving those "it works on my machine" problems, how cloud-based caching speeds up builds, and why tools like Kubernetes are becoming essential for scaling modern apps. Kyle also shares his journey from fixing laptops in retail to becoming a leading voice in the dev space, plus some great insights into how Docker and Depot are changing the game for developers everywhere. Chapters 1: Introductions (00:00 – 02:40) 2: What is Docker and Why It Matters (02:41 – 06:30) 3: Docker Files and Containers 101 (06:31 – 11:00) 4: Challenges of Environment Setup & Dev Containers (11:01 – 15:00) 5: The Power of Layer Caching in Docker (15:01 – 20:30) 6: Introduction to Depot and Cloud-Based Builds (20:31 – 25:00) 7: Optimizing Docker Builds with Depot (25:01 – 30:00) 8: Docker in the Modern Web Stack (30:01 – 35:00) 9: The Future of Cloud Builds and CI/CD Pipelines (35:01 – 40:00) 10: Final Thoughts and Where to Find More (40:01 – End) Follow Kyle Tryon on Social Media Twitter: https://x.com/TechSquidTV Linkedin: https://www.linkedin.com/in/kyle-tryon/ Github: https://github.com/techsquidtv Sponsored by This Dot

Nate Emerson is both a self-taught developer and a computer science university grad. How is that possible? In this episode, Nate talks about his unusual career trajectory, and what it has taught him about the differences between being self-taught vs. formal education in software development. Along with Tracy Lee and Jason Torres, he discusses leadership principles, such as extreme ownership, the value of confidence in engineering, and how humility and teamwork contribute to organizational success. They also highlight the importance of solving practical problems in tech and how this mindset can lead to innovation.  Here are the chapter titles with timestamps: 1: Setting the Stage – The Importance of Practical Skills in Engineering (00:00) 2: Engineering Management and Leadership Culture (04:36) 3: Extreme Ownership – A Leadership Superpower (09:12) 4: Confidence and the Developer's Journey (13:37) 5: Hiring Smarter and Building Stronger Teams (18:27) 6: Problem-Solving and Technology's Real-World Impact (23:13) 7: Leadership, Humility, and Long-Term Success (30:20) 8: Wrapping Up – Final Thoughts on Leadership and Ego (41:58) Follow Nate Emerson on Social Media Twitter: https://x.com/nateemerson Linkedin: https://www.linkedin.com/in/nate-emerson YouTube: https://www.youtube.com/channel/UC0K8hu90G3iV6327ymEViNw

In this episode of the Modern Web Podcast, we sit down with Shashi Lo, Senior UX Engineer at Microsoft and the founder of the Gridiron Survivor project. Shashi shares his approach to mentoring junior developers by helping them bridge the gap between boot camp and their first job in tech. We cover the challenges of onboarding, the importance of code reviews, and how companies can better support new talent by investing in mentorship and training. Shashi also talks about his experience with building a community of learners, the process of de-risking junior candidates, and why companies should be more proactive in nurturing the next generation of developers.  00:00 - Meet Shashi Lo 02:25 - The Gridiron Survivor Project 05:02 - The Importance of Code Reviews 07:25 - Teaching the Basics of Project Communication 09:47 - Code Reviews as a Learning Tool 12:06 - Why Shashi Mentors: Giving Back to the Community 14:26 - The Importance of De-Risking Junior Candidates 16:41 - Building in Public: Transparency and Learning 19:00 - Assessing Candidates for the Gridiron Survivor Project 21:25 - The Power of Simple Coding Tests 23:45 - Scaling Up Skills: From Small Tasks to Big Projects 26:07 - Should Companies Be Doing This? 28:25 - Finding Hidden Gems in the Job Market 30:47 - The Challenges of Filtering Candidates 33:02 - Where to Find Shashi Online 34:38 - Closing Remarks Follow Shashi Lo on Social Media Twitter: https://x.com/shashiwhocodes Linkedin: https://www.linkedin.com/in/shashilo/ Github: https://github.com/shashilo Sponsored by This Dot.

In this episode, Rob Ocel sits down with Gant Laborde, CIO at Infinite Red, to explore Gant's journey in the tech industry, his transition into leadership, and his role as a Chief Innovation Officer. Gant shares insights into the challenges and rewards of innovation within a company, how to manage upward and downward effectively, and the importance of trust in leadership. They also discuss the evolving landscape of AI, the significance of experimentation, and the courage needed to make bold decisions.  Chapters 1. Introduction and Opening Remarks - 00:00 2. Gant's Background and Journey in Tech - 02:05 3. Transitioning to Leadership at Infinite Red - 05:08 4. Defining Innovation at an Agency - 07:28 5. The Role of AI in React Native - 09:39 6. Navigating the Hype and Troughs of Technology - 11:35 7. The Challenges of Middle Management - 15:12 8. Building Trust and Managing Upwards - 16:25 9. Empowering Teams and Passing the Torch - 19:40 10. Developing Courage and Taking Risks - 22:30 11. Why Leadership is Worth It - 30:28 12. Final Thoughts and Wrap-Up - 31:53 Follow Gant Laborde on Social Media Twitter: https://x.com/GantLaborde Github: https://github.com/GantMan Linkedin: https://www.linkedin.com/in/gant-laborde/ Mastodon: https://mastodon.social/@gantlaborde

In this episode of the Modern Web podcast, Tracy Lee and Rob Ocel sit down with Sarah Shook, a UI/UX engineer at Hunter Industries. They discuss the topic of Sarah's THAT Conference talk on color theory, exploring the intricacies of RGB, HSL, and hex color models. The discussion also touches on the importance of understanding how color accessibility impacts your page's performance. Chapters - 00:00 - Introduction and Guest Introduction - 01:30 - Balancing Work and Parenthood - 03:20 - Family-Friendly Conferences and THAT Conference Experience - 05:45 - Overview of Sarah's Presentation on Color Theory - 07:00 - Understanding Additive and Subtractive Color Models - 09:00 - RGB to Hex Conversion Explained - 11:45 - Importance of Color Theory in Web Development - 14:00 - Accessibility and Color Luminescence - 16:00 - Tools and Resources for Color Accessibility - 18:30 - Sarah's Experience with Vue and Other Frameworks - 21:00 - Discussion on Framework Deployment and Tooling - 23:15 - The Challenges and Benefits of Learning Multiple Frameworks - 25:00 - Tailwind, TypeScript, and Framework Preferences - 27:00 - Vue Community and Tooling Insights - 29:00 - Advanced JavaScript and TypeScript Content with DropJS - 31:00 - Sarah's Color Utility Project and Where to Find Her - 32:30 - Closing Thoughts and Outro Follow Sarah Shook on Social Media Twitter: https://x.com/shookcodes Linkedin: https://www.linkedin.com/in/sarahshook/ Github: https://github.com/shookcodes

Tracy Lee and Rob Ocel sit down with Mark Thompson, aka "Mark Techson", to explore key themes around personal branding, workplace culture, and leadership. Mark shares his journey of building a strong personal brand, discussing how consistent online presence can shape public perception and create professional opportunities. The conversation provides valuable insights into the art of leading without a formal title, emphasizing the importance of cultural sensitivity and gradual influence in workplace environments. A significant portion of the discussion is devoted to Mark's motto of "Do what matters with who matters while it matters." This practical approach encourages listeners to focus on meaningful work, prioritize important relationships, and make the most of their time. Mark also reflects on the challenges of maintaining resilience in the face of personal adversity, offering a candid look at how to balance personal and professional life effectively. Listeners will find actionable advice on how to take control of their career trajectory, foster a positive work culture, and navigate the complexities of leadership, all while staying true to themselves. Chapters  [00:00] Introduction [02:19] Personal Branding and Online Presence [06:36] Navigating Workplace Culture [08:56] The Story Behind 'Well Dressed Wednesdays' [11:12] Developing the "Do What Matters" Framework [13:29] Balancing Public and Private Life [18:10] Overcoming Personal Challenges [20:28] Taking Control of Your Career [22:49] Practical Takeaways for Listeners Follow Mark on Social Media Twitter: https://x.com/marktechson Linkedin: https://www.linkedin.com/in/marktechson/ Github: https://github.com/MarkTechson Bluesky: https://bsky.app/profile/marktechson.com Sponsored by Wix Studio.

In this episode of the Modern Web Podcast, Anthony D. Mays discusses code exercises, landing your first job, and how to succeed in interviews. He shares his personal journey to becoming a software engineer and career coach, and emphasizes the importance of not only having technical knowledge but also a strong problem-solving process. The conversation also touches on the role of senior engineers in guiding and empowering junior engineers, the interview processes at different companies, and tips for success in interviews. In this conversation, Anthony covers the interview process and how candidates can best prepare for technical interviews. emphasizing the importance of collaborative problem-solving and being authentic in interviews. They also explore the idea of secret questions and whether or not they are effective in assessing a candidate's skills.  Chapters 00:00 Introduction and Guest Introduction 03:24 The Importance of Problem-Solving Process in Interviews 06:32 Guiding and Empowering Junior Engineers 10:20 Understanding Different Interview Processes 19:51 Tips for Success in Interviews 24:57 Collaborative Problem-Solving in Technical Interviews 26:26 The Effectiveness of Secret Questions 29:42 Defining the Interview Process 30:37 The Importance of Authenticity 32:30 Interviewer Training and Feedback 35:18 Selecting the Right Opportunity Follow Anthony D. Mays Social Media Twitter: https://x.com/anthonydmays Linkedin: https://www.linkedin.com/in/anthonydmays/ Github: https://github.com/anthonydmays Bluesky: https://bsky.app/profile/anthonydmays.com

Kent C. Dodds joins Tracy Lee and Rob Ocel at THAT Conference-WI for a discussion about his journey from being an Angular developer to becoming a leading figure in the React community. Kent shares his motivations for making the switch, detailing how React's focus on JavaScript fundamentals and its incremental adoption of new features appealed to him. He also reviews his current and upcoming projects, including the launch of EpicWeb.dev, a comprehensive platform designed to provide end-to-end web development education. Kent talks about the updates coming to EpicReact.dev, including a new tutorial where developers can build useState and useEffect from scratch, aimed at deepening their understanding of React hooks.  Chapters 00:00 Introduction and Background 02:41 Preparing for a 90-Minute Keynote 05:37 Writing a Book and Other Projects 08:04 Surrounded by Ambitious People 09:01 Personal Stories and Balance 10:22 Lessons from Domo and Joe Eames 11:21 Learning from Experienced Engineers 12:41 The Importance of Surroundings 13:33 Choosing the Right People to Associate With 14:46 Kent's Organizational Skills 15:41 Balancing Work and Family 17:06 Committing to Big Things 18:04 Avoiding Burnout and Assessing Priorities 19:26 Sharing Personal Stories in Talks 20:21 Finding Effectiveness and Efficiency 21:17 Dealing with Burnout and Overwhelm 22:46 The Entrepreneurial Mentality 23:15 Running to the Top and Figuring It Out 24:14 Kent's Various Projects 25:41 Transitioning from Angular to React Follow Kent C Dodds on Social Media Twitter: https://x.com/kentcdodds Linkedin: https://www.linkedin.com/in/kentcdodds/ Bluesky: https://bsky.app/profile/kentcdodds.com Github: https://github.com/kentcdodds EpicWeb.dev: https://www.epicweb.dev/ EpicReact.dev: https://www.epicreact.dev/ Learn More About THAT Conference Wisconsin 2024: https://thatconference.com/wi/2024/

Rachel Lee Nabors talks about the challenge of remaining current with new APIs and libraries, and how to prioritize which technologies you should invest your time in. Along with Tracy Lee, Rachel discusses their project of refactoring a demo using modern APIs and the benefits of challenging oneself with browser native APIs. The conversation also covers Rachel's involvement in standards development, and the evolving web technologies landscape. Sponsored by This Dot Watch this episode on our YouTube Channel Read more on our blog Timestamps [00:00:00] Intro. [00:03:10] Refactored code, removed external libraries, streamlined. [00:04:35] Understanding web APIs requires deep knowledge. [00:05:19] Focus on problem solving, not memorization. [00:06:39] Many regions, new technologies, use cases. [00:10:03] React Docs collaboration inspires Angular. [00:12:17] Career advice and success stories. Rachel Nabors' Social Media Bluesky: nabors.bsky.social​ (Bluesky Social)​. Instagram: https://www.instagram.com/rachelnabors/?hl=en Twitter: https://x.com/rachelnabors GitHub: https://github.com/rachelnabors LinkedIn: https://www.linkedin.com/in/rachelnabors/ Substack: The Tech Career Survival Guide​ (The Scrimba Podcast)​. Additional Links CascadiaJS: https://cascadiajs.com/ Rachel Nabors' “Alice” Project: https://dribbble.com/rachelthegreat/projects/350942-Alice-in-Web-Animation-API-Land

Jonan Scheffler talks about bridging gaps between a brand and a developer community while also discussing the challenges DevRel teams face when aligning their goals with organizational objectives.  Sponsored by This Dot Labs Watch this episode on YouTube Read more on our blog

Tim Neutkens, Co-author and Tech Lead for Next.js, discusses how open source maintainers are simplifying the web, and covers the challenges faced with the current Next.js setup. Tim  talks about TurboPack, a solution that optimizes bundling, improves parallelism, caching, and module graph calculations. He also talks about TurboAC, which focuses on addressing performance and compatibility issues, providing seamless transitions for Next.js users. Tim highlights the importance of efficient bundling processes to avoid excessive recompilation and discusses the updates in Next.js versions to enhance caching, rendering behavior, and client-side caching. Tim also discusses some exciting upcoming features in Next.js 15.  Socials Twitter: @timneutkens GitHub: timneutkens Bluesky: timneutkens.bsky.social Website: https://timn.tech/ Links Vercel on Twitter, LinkedIn, Facebook, Instagram, YouTube, GitHub and Vercel's website Next.js on Twitter, GitHub, LinkedIn, YouTube, Instagram, Facebook, official Next.js website Turbopack on Twitter, GitHub, YouTube, LinkedIn, Instagram, Official Turbopack Docs Webpack on GitHub, Twittvser, YouTube, and Official Webpack Website Show Notes [00:00:02] Next.js and the upcoming release of TurboPack. [00:04:27] JavaScript bundlers evolving to handle growth. [00:07:58] TurboPack solves Webpack limitations efficiently. [00:12:12] Bundler compatibility for optimal app performance. [00:16:50] Client components separated in webpack instance. Turbo pack for better parallelism and stability. Industry moving towards server-side. Feed and rollup still relevant. Collaboration between tools for future. [00:20:57] Replacing part with roll down, similar to Webpack. Overlapping ecosystem with Avonetic Conference. Limits with unbundling and loading on demand. Cycle of building frameworks and hitting limits. History of using Webpack for client-side code. Two compiler architecture for server and client. Coordination between server and client with Webpack. [00:25:38] Server action imports, turbo pack improves performance. [00:30:04] Next.js is popular for websites. [00:34:18] Chipotle using Next in Vercel, exciting improvements. [00:38:51] Next.js 15 release candidate with changes. Sponsored by Wix Studio.

Tejas Kumar and Tracy Lee discuss AI models, tool calling, and Vercel's AI SDK for generating components. They explore AI agency, the importance of documentation, safety concerns, regulation, and the need for human oversight in AI development. Sponsored by This Dot Watch this episode here.

Josh Goldberg, TypeScript ES-Lint Maintainer, discusses the newest features and benefits of TypeScript ESLint v8, AI in coding, and industry adoption cycles. He highlights the improved performance and type-aware linting feature of TypeScript ESLint v8. They talk about the importance of using proper tools for better coding outcomes, the "trough of disillusionment" in technology adoption, and discuss the Gartner hype cycle. Sponsored by This Dot Watch this episode on YouTube Read more on our blog

Join Jack Herrington and Tracy Lee at CascadiaJS 2024 as they talk about content creation, experimenting with new tools, and continuous learning. They cover some of the latest in what's going on in the Vercel, Next.js, and Deno Deploy ecosystems, and what these teams are doing to enable easy deployment and better community collaboration. Sponsored by This Dot Labs Watch this episode on YouTube Download this episode here

Dominic Farolino, Software Engineer on the Google Chrome team, shares his exciting work on adding observables to the browser as a web platform primitive to enhance web performance. He discusses the benefits of incorporating observables into browsers, simplifying developer workflows, and their efforts to make RxJS a widely used library. They also highlight the importance of setting deadlines, sharing updates, and collaborating to advance web technologies.  Sponsored by This Dot Watch this episode on YouTube Read more on our blog

In this interview at RenderATL 2024, Tracy Lee and Rob Ocel interview Amanda Martin, a developer advocate at Wix, about integrating AI models into web development platforms, incorporating AI into low-code environments, and the accessibility of AI technologies through APIs and pre-built models. Sponsored by This Dot Watch this episode on YouTube Read more on our blog

On this episode of Modern Web, hosts Tracy Lee, Ben Lesh, Adam Rackis, and guest JLarky share their takes on the JavaScript ecosystem, including thoughts on React version transitions and TypeScript compatibility. They also explore the challenges of library updates, as well as web standards and the complexities within standards bodies. Sponsored by This Dot Watch This Episode on YouTube Read more on our blog