Full Stack Radio
152 episodes - English - Latest episode: about 3 years ago - ★★★★★ - 180 ratingsA podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company
January 28, 2021 15:12 - 47 minutes - 43.8 MBTopics: Putting yourself in the shoes of the person reviewing your application Crafting a high quality application tailored to a specific position Standing out in a more traditional hiring process by doing something a little extra Showcasing very specific examples of your work instead of asking the person reviewing your application to go hunting for it Having good questions for the person interviewing you Sharing your ideas and what you think the company should be focused on ...
151: DHH – Building HEY with Hotwire
December 28, 2020 15:37 - 1 hour - 67.8 MBLinks: Hotwire HEY Supporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them. If you do want to support the show, the best way to do it is to purchase one of my products: Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS. Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfa...
150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0
October 21, 2020 17:32 - 59 minutes - 54.3 MBSupporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them. If you do want to support the show, the best way to do it is to check out our products: Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS. Statamic 3, Jack's full-featured flat-file CMS, designed for developers and clients alike. Refactoring UI, a book and video series I p...
149: Choosing a Payment Processor, Radical Icons & W3C Hype
October 07, 2020 15:42 - 56 minutes - 51.9 MBLinks: Changes to Gumroad's PayPal support Radical icons Jack's hand-drawn avatars W3C's CMS Selection Report Supporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them. If you do want to support the show, the best way to do it is to check out our products: Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS. Statamic 3, Jack's f...
148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects
September 29, 2020 20:17 - 59 minutes - 54.8 MBSupporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them. If you do want to support the show, the best way to do it is to check out our products: Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS. Statamic 3, Jack's full-featured flat-file CMS, designed for developers and clients alike. Refactoring UI, a book and video series I p...
147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI
September 23, 2020 12:16 - 1 hour - 73.1 MBSupporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them. If you do want to support the show, the best way to do it is to check out our products: Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS. Statamic 3, Jack's full-featured flat-file CMS, designed for developers and clients alike. Refactoring UI, a book and video series I p...
146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon
September 04, 2020 13:29 - 1 hour - 74.1 MBAdam and Jack talk about how the Statamic 3 launch went, and adding GitHub Sponsor tiers to the Statamic GitHub organization and what to give people in exchange for sponsoring. They also talk about the new Tailwind CSS v1.7 release, and the new features like gradient support. Finally, they work through some ideas Adam is preparing for his Laracon talk on “Building component libraries with Tailwind CSS”.
145: Statamic 3.0 and Tailwind CSS 2.0
August 20, 2020 17:09 - 1 hour - 69.4 MBLinks Statamic 3.0 Tailwind CSS v1.7.0 @90sWWE on Twitter
144: Gary Bernhardt - TypeScript and Testing
August 05, 2020 15:27 - 1 hour - 77.9 MBTopics include: Why Gary decided to write Execute Program as a full-stack TypeScript application instead of using a Ruby or Python backend like he may have traditionally Do you actually have to write less tests if you have a good type system? What does a good type system give you that tests can't give you? Using io-ts to type check incoming data How to think about structuring your code to best take advantage of the benefits your type system gives you and minimize the need to wr...
143: Rich Harris - Svelte and Defending the Modern Web
July 22, 2020 14:40 - 1 hour - 69.2 MBTopics include: What is Svelte and how is it different than other JS frameworks in the space? What special behavior does the Svelte compiler layer on top of vanilla JS syntax and why? Why the lack of render functions in Svelte isn't a real problem in practice What are you giving up when you choose to build your application with something like Rails instead of JavaScript? Why should we be trying to write our applications in a single language, and why should it be JS? What's wro...
142: Jason Cohen - Learning to Hire and Manage a Team
July 01, 2020 14:01 - 55 minutes - 50.7 MBTopics include: How do you decide what role to hire for? Why it's so important to figure out exactly what your biggest struggle is before hiring How to decide what the most important thing to focus on is when it feels like there's too much to do Why it's important to consider the impact of hiring for a specific role on your own happiness vs. just the company's bottom line Coming to terms with the fact that you can't do everything, and why it's important to focus on something in...
141: Jason Fried - Running the Tailwind Business on Basecamp
June 10, 2020 14:15 - 1 hour - 61.2 MBTopics include: How did Basecamp evolve from being a team/client communication tool to focusing on keeping your whole company organized, and is it really even that different? How exactly should we set up Basecamp on day one to support a small 3-5 person remote software team? What tools should we use and which ones should we ignore for now? Finding the balance between being organized enough and splitting things up too much How big should projects be? Is "HEY v1" a project, or is ...
140: Evan You - Reimagining the Modern Dev Server with Vite
May 28, 2020 13:01 - 48 minutes - 44.2 MBTopics include: What is Vite and what makes it different than existing tools like Webpack? How do ES Modules actually work in the browser and what are the limitations? Will we ever be able to use ES Modules in production for large complex projects? How does Vite work under the hood, and how does it support non-JS files like Vue files, or CSS files? How hot module replacement is implemented under the hood in Vite Optimizing modules with many dependencies to keep the development...
139: Alex DeBrie - DynamoDB for Relational Database Diehards
May 08, 2020 12:04 - 58 minutes - 53.6 MBTopics include: Does DynamoDB only make sense for things like your cache, or is it a good choice for a primary data store? An overview of the terminology used in DynamoDB and how the terminology compares to a relational database How primary keys work in DynamoDB What data types are available in DynamoDB How DynamoDB is a schemaless database Why it's important to understand your access patterns in advance with DynamoDB, unlike in a relational database Understanding why and how...
138: Tom Preston-Werner - Building Full-Stack JS Apps with Redwood.js
April 22, 2020 13:56 - 1 hour - 67.3 MBTopics include: What does it mean for Redwood to be a JAMStack framework? What does the React layer look like? What’s new, and what’s leveraging existing community tools? Why Redwood ships with it’s own routing layer What “cells” are in Redwood, and how they aim to provide a declarative abstraction on top of data fetching How Redwood tries to provide clear decoupling behind the front-end and back-end, even though it is providing a full-stack solution What “services” are in Red...
137: Tim Neutkens - Continuing to Innovate with Next.js 9.3
April 08, 2020 14:58 - 1 hour - 76.5 MBTopics include: An overview of the new getStaticProps, getStaticPaths, and getServerSideProps APIs How Next.js helps you serve static pages from an edge CDN automatically, without affecting the actual authoring experience Using getStaticPaths to statically pregenerate dynamic routes How the fallback feature of getStaticPaths works and lets you statically render pages on-demand to avoid long build times How the upcoming incremental static generation feature will work in Next.js ...
136: Michael Chan - React Is Not a Rails Competitor
March 25, 2020 15:42 - 1 hour - 62.4 MBTopics include: What do people actually mean when they say "I used to use Rails, but now I use React"? Why back-end development is still a crucial part of building any web application What third-party services people are using to try and replace custom back-end code Would you default to building a Rails back-end for a React side project, or is your instinct to try and use third-party services only? How far do you think front-end-first frameworks like Next.js are going to get th...
135: Lessons Learned Building Tailwind UI
March 04, 2020 12:45 - 1 hour - 90.1 MBTopics include: What Tailwind UI is and why we decided to build it How odd numbers can wreak havoc on a user interface, and how to avoid them Crafting the perfect form control Unexpected benefits of working with CSS Grid Abusing single column grids just to use gap, and why we desperately need gap support in Flexbox Links: Tailwind UI Supporting the show: I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to ...
134: Mark Dalgleish - You Should Be Using Layout Components
February 12, 2020 14:20 - 56 minutes - 51.9 MBTopics include: What problems you run into when baking white space into components, and why your components should never contain any surrounding white space at all Layout challenges you run into due to the way the browser includes line-height in the size of text elements The trick Mark's team uses to remove surrounding white space from text elements, without removing the space between wrapping lines Using a "stack" component to specify the space between sibling elements Issues ...
133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js
January 29, 2020 15:10 - 1 hour - 57.9 MBTopics What is Mirage and how does it work? What makes Mirage better than a dummy JSON server you run on another port? What makes Mirage better than running your actual API locally? Using Mirage for actual development, and not just for your test suite How Mirage's internal ORM works, and how it can help you mirror your API's behavior more quickly Managing the risks of maintaining a complex stub of your real API with Mirage and keeping them in sync What's next for Mirage Link...
132: Caleb Porzio - Just Enough JavaScript with Alpine.js
January 15, 2020 05:30 - 1 hour - 79.1 MBTopics include: What is Alpine and what does it replace? How does Alpine compare to Vue? How does Alpine compare to Stimulus? “Why not just use vanilla JavaScript you dummy?” How Alpine works internally Patterns for extracting reusable behaviours with Alpine The Alpine roadmap Sponsors: Tuple, try the best pair programming app out there for free for two weeks Links: Alpine.js on GitHub The template tag The with statement Proxy objects
131: Ryan Singer - How Basecamp Builds Software
January 01, 2020 21:15 - 1 hour - 67.2 MBTopics include: Why "fixed time, variable scope" is so important for actually getting things done Integrating development and design into a single process instead of design first, develop later What it means to "shape" work before deciding to work on it What it means to "bet" on a project, and why Basecamp would rather trash a project than extend the deadline by an extra week Taking deadlines seriously, and how it empowers teams to make their own decisions about scope to avoid ...
130: David Khourshid - Building Better UI Components with State Machines
December 11, 2019 22:12 - 54 minutes - 49.8 MBTopics include: What exactly is a finite state machine? Why trying to keep track of a component's status using boolean flags is leads to bugs and complex code Why it makes so much more sense to keep track of a component's state using some sort of label How simple it can actually be to implement UI component logic with a state machine and why you shouldn't think of it as complex or over-engineering How you can think of using state machines in UI programming to be like an inversi...
129: Evan You - What's Coming in Vue.js 3.0
November 27, 2019 05:30 - 1 hour - 71.9 MBTopics include: What were the first feature/change ideas that got the wheels turning for Vue 3 How Vue's underlying VNode data structure is changing and how that affects users who work directly with render functions How the h function works in Vue 3 and how it helps you write code that's more composable How many breaking changes are just removing deprecations vs. hard breaks and how a compatibility build is going to ease the upgrade process The new template compiler and how it ...
128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes
November 20, 2019 15:57 - 1 hour - 56.1 MBTopics include: Why Heroku introduced BEM to try and solve their CSS issues and why it didn't work How custom tooling and Ember's component system alleviated any maintainability concerns about littering the HTML with presentational classes Why Heroku still uses some component classes like "btn" and "input" even though they could encapsulate those in an Ember component Why simply introducing any sort of rigid CSS architecture wasn't enough and why switching to a utility CSS appro...
127: Jonathan Reinink - Building Modern Monoliths with Inertia.js
November 06, 2019 18:21 - 1 hour - 88.4 MBTopics include: What Inertia.js is and what problem it solves Why Inertia is more like a protocol than a framework How navigation works in Inertia How form submissions work in Inertia How Inertia automatically updates your assets for visitors when you update your code Handling flash messages and validation errors work Building applications with persistent layouts Showing placeholder screens with Inertia while data is loading Sponsors: Cloudinary, sign up and get 300,000 im...
126: James Long - Building Distributed Local-First JavaScript Applications
October 23, 2019 14:10 - 1 hour - 56.2 MBTopics include: How do you keep data synchronized between two different clients when all of the data is stored locally instead of in the cloud? Understanding conflict-free replicated data types and how they help when building distributed applications Diving deep into how messages are replayed across clients when network access becomes available to achieve consistent state Using a Merkle tree to efficiently compare the message store from two clients to know which messages need to...
125: Rob Walling - Choosing the Right Product Idea
October 09, 2019 15:15 - 55 minutes - 50.5 MBTopics include: Brainstorming ideas vs. paying attention to your own problems Why it's smart to start with a product that might never make a million dollars a year Should you avoid markets with competition? Why it's a good idea to build something for fewer people Strategies for figuring out how many people have the problem you're trying to solve Why you should start marketing before you start building When should you start charging money for your product? Why getting 1,000 c...
124: Leslie Cohn-Wein & Rafael Conde - Designing the User Interface at Netlify
September 25, 2019 18:00 - 56 minutes - 51.7 MBTopics include: Creating pixel-perfect mockups in advance vs. designing and implementing in tandem Working with existing JS libraries for interactive UI features vs. hand-rolling a custom implementation from scratch How design systems play into the design process at Netlify, and how mockups aren't meant to implemented pixel-for-pixel What tools Netlify uses to design new features and manage the design process What technologies Netlify uses to keep their UI consistent Using mod...
123: Ian Landsman - Marketing and Positioning a New Tailwind CSS Product
September 11, 2019 18:16 - 1 hour - 60.8 MBTopics include: Building website templates vs. a UI kit Should the product be positioned as a UI library or an educational resource? One-time purchase pricing vs. subscription pricing vs. some combination of the two Why marketing features can sometimes be better than marketing benefits "Dribbble but with code" Sponsors: Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free DigitalOcean, get your free $50 credit at do.co/ful...
122: Matt Biilmann - Architecting the Netlify Dashboard with React and Redux
August 28, 2019 19:21 - 55 minutes - 51.3 MBTopics include: Walking through how a single screen in the app is rendered in step-by-step detail How they separate container components and presentational components to make things easier to reason about How the Redux store is organized How they handle caching data on the client and deciding when to bust the cache How the API is designed Why they are sticking with REST instead of Graphql How they handle authentication in their app Sponsors: DigitalOcean, get your free $50 ...
121: Benedikt Deicke - Building Userlist.io
August 14, 2019 14:35 - 50 minutes - 46.6 MBTopics include: The risks and technical challenges of building client-side API integrations and why Benedikt decided to focus on a server-side integration for launch Building Userlist with Ember instead of trendier tools like React How the Ember app authenticates with the Rails API Strategies for keeping email deliverability high for Userlist's customers How Benedikt built Userlist's complex segmentation engine by creating a custom AST structure and compiling it to SQL How the...
120: Taylor Otwell - Serverless Laravel with Vapor
July 31, 2019 14:05 - 1 hour - 56.4 MBTopics include: What is serverless? What AWS services Vapor manages and how they are billed Using a single RDS instance with multiple databases Understanding cold boots with Lambda and how to minimize the effect they have on your application's performance Performance on Vapor How queues work with Vapor Tuning your queue concurrency based on your database connection limit Strategies for preventing your web instances and queue instances from competing for resources How schedu...
119: Ryan Toronto - Why a Back-End Developer Made the Switch to SPAs
July 17, 2019 14:34 - 59 minutes - 54.2 MBTopics include: How modernizing a Flash app drove Ryan to start building SPAs How products are really just user interfaces to the end user, and why that means it makes sense to make the UI the core of your codebase Why the backend will continue to be commoditized and application developers will be spending more and more of their time in the UI What makes something a web app instead of a website, and why almost everything is actually an app Why application developers still need ...
118: Aaron Gustafson - Semantic HTML: The Hard Parts
July 03, 2019 13:30 - 1 hour - 64.1 MBTopics include: Can you have more than one "h1" on page? How important is heading order? Why not everything that looks like a heading should necessarily be a heading Why you may want to include invisible headings in some situations What the document outline is and how your use of headings impacts it How to make your heading levels dynamic to make your components more flexible What a "sectioning context" is Can you have multiple "article" elements on one page? What even is a...
117: Mitchell Hamilton - Writing CSS-in-JS with Emotion
June 20, 2019 15:21 - 51 minutes - 47.7 MBTopics include: What CSS-in-JS even is What Emotion does differently than other CSS-in-JS libraries How to actually use Emotion to style your projects How the JSX pragma works and what it's for How Emotion works under the hood Performance Adding global styles to your project Style re-use and composition in Emotion Using Emotion with server-side rendering Sponsors: Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free Di...
116: Jerod Santo - Building the Changelog Platform with Elixir and Phoenix
June 05, 2019 13:26 - 1 hour - 55.7 MBTopics include: How pattern matching works in Elixir and why it's more powerful than method overloading in other languages How Elixir's pipe operator makes the transition from OO to functional programming more natural Why you don't need to be intimidated by unfamiliar features like GenServers to use Elixir for web app development Noticeable differences between working with Rails and Phoenix and what it was like to transition How the Phoenix ORM makes n+1 queries impossible Why...
115: Jason Lengstorf - Gatsby for Skeptics
May 22, 2019 04:30 - 55 minutes - 50.8 MBTopics include: How Gatsby is more than just a static site generator How you create pages with Gatsby and how it's more powerful than traditional static site generators The benefits of having a unified data access layer for all of your content How to build dynamic applications with Gatsby Why Gatsby is actually faster than static HTML How Gatsby makes performance best practices easy Gatsby themes and why they are more exciting than traditional CMS themes Sponsors: Cloudinar...
114: Sebastian De Deyne - React for Vue Developers
May 08, 2019 13:05 - 1 hour - 58.9 MBTopics include: How Vue focuses on making things easy at the cost of a more complex API, while React focuses on keeping things simple at the cost of a steeper learning curve How to translate Vue's computed properties to React using the useMemo hook How to translate Vue's watchers to React using the useEffect hook How to translate Vue's v-model to React using value props and event listeners How to translate Vue's events to React using callback props How to translate Vue's slots...
113: Justin Jackson - Growing Transistor to $10,000/month
April 24, 2019 13:52 - 1 hour - 60 MBTopics include: Why you need more than just a product, and what Justin brings to the table in his partnership with Jon How having an audience helped him get his first customers, even in a crowded market Why you should use every advantage you have to get people in the door, even though the only thing that will make customers stay is a great product with great service "People like us do things like this" vs "scratching your own itch" How their affiliate program has been working s...
112: Guillermo Rauch - Building Serverless Applications with Now
April 10, 2019 13:57 - 1 hour - 63 MBTopics include: How Now is trying to bring the CDN experience to your server-side code How the constraints of serverless can nudge you to build more robust solutions How to talk to a database in a stateless serverless environment Best practices for deploying serverless code when you have a centralized data store Why routing should be handled at the Now configuration level instead of in application code How Now functions are different from microservices, and how you share code ...
111: Jeffrey Way - Building the New Laracasts with Tailwind CSS
March 28, 2019 16:16 - 1 hour - 77.6 MBTopics include: How Jeffrey has written CSS historically, and what drew him to a utility-first approach Incrementally replacing Bulma with Tailwind The importance of solidifying your Tailwind configuration before beginning to implement a design The new Tailwind color system Why choosing a color palette in advance is much better than using preprocessor functions like darken() or lighten() How duplicating your markup is often a better solution than trying to write incredibly cra...
110: Caleb Porzio - Embracing the Backend with Livewire
March 14, 2019 15:27 - 58 minutes - 54 MBTopics include: Pain points you run into when you are working in a JS based UI instead of a server-rendered UI What Livewire is and where the inspiration came from How Livewire lets you build interactive user interfaces with server-side code The challenges of stateful long-running processes in PHP and using stateless AJAX requests as an alternative Walking through a worked example of using Livewire to build an interactive dropdown What's next for Livewire Sponsors: ImageCon,...
109: The Road to Tailwind CSS v1.0
February 27, 2019 15:16 - 1 hour - 94.5 MB🎉You can now pre-order Full Stack Radio shirts and stickers! Learn more → Topics include: Semantic versioning and why there hasn't been a v1.0 release already How v1.0 will be encouraging people to leverage the default design system Breaking changes and what the upgrade story will be like What's coming after Tailwind CSS v1.0 Sponsors: Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free Rollbar, sign up at https://rollbar...
108: Jonathan Reinink - Client-Side Rendering, Server-Side Routing
February 14, 2019 17:21 - 1 hour - 63.9 MBTopics include: Why the UI fidelity threshold for building an SPA feels so low How forcing yourself to prepare data for Vue helps avoid putting too much logic into your templates Why it's still worth building your app as a traditional server-based web app, even if you are using Vue for your entire UI Performance and complexity benefits of being able to prepare data for the view in a controller instead of having to build an API Strategies for dealing with things like accessing r...
107: Sam Selikoff - Pushing Complexity to the Client-Side
January 30, 2019 15:14 - 50 minutes - 45.9 MBTopics include: Building an API without writing any controller code Thinking of your API like a database as much as possible Modeling everything on the server as a resource, including things like S3 upload signatures Using tools like Firebase to avoid writing an API entirely Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open Collective Cloudinary, sign up and get 300,000 images/videos, 10GB of ...
106: Sam Selikoff - Single Page Application Architecture
January 16, 2019 05:30 - 55 minutes - 50.8 MBTopics include: Why you should think of SPAs as desktop apps instead of web apps Strategies for pushing complexity out of your backend and on to the client Building optimistic UIs Best practices for storing and retrieving data Why you should design your SPAs with an "offline-first" mindset Sponsors: Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollb...
105: Strength Training for Nerds
January 03, 2019 16:18 - 1 hour - 57.9 MBTopics include: What exercises you should focus on and why How to develop a system that will force you to make progress The importance of keeping a training journal Why full-body workouts are better than training a specific muscle group each day The importance of mobility for both training and your work life Why building strength is so important as you age Why you shouldn't trust trainers trying to sell complex exercise programs Why you probably shouldn't be running for exer...
104: Jonathan Reinink - Pushing More Work to the Database
December 19, 2018 16:16 - 1 hour - 56.6 MBTopics include: Issues you run into when you do too much work in code instead of in the database Why memory usage is just as important as query count How being smarter with your database usage can let you avoid hard problems like cache invalidation Denormalizing computable data to make it queryable Using "where not exists" strategically to improve query performance Why the solution to n+1 problems isn't always as simple as eager-loading How subqueries work and how you can use...
103: Steve Schoger - Design Q&A + Refactoring UI Details
December 05, 2018 14:38 - 1 hour - 59.8 MBQuestions include: What's your process for getting started on a new design? How do you make your designs feel original? How do you choose fonts for a new project? How do you make complex tables look good, and how do you make them work on mobile? What's the best way to style multiple secondary actions on a page? Refactoring UI topics include: Structuring the book to make it easy to read in a short amount of time An overview of the sections and chapters in the book What's cov...