Full Stack Radio

Full Stack Radio
By Adam Wathan
About this podcast
A 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.
In this podcast

Podcasts like "Full Stack Radio"

By CodeNewbie
By Lea Alcantara and Emily Lewis
By Logical Elegance
By Carl Franklin and Richard Campbell
By Scott Hanselman
By Michael Kennedy and Brian Okken
By Patrick Wheeler and Jason Gauci
Latest episodes
Feb. 14, 2018
In this episode, Adam talks to Sarah Drasner about using animations and transitions to create more intuitive user interfaces, as well as technical tips, tricks and best practices for implementing them well. Topics include: Using animation to make interfaces easier to use The difference between animations and transitions When to use CSS animations vs. JavaScript animations Which CSS properties are safe to animte How to use techniques like FLIP to make sure your animations are performant Recommended libraries for building complex animations Strategies for keeping animation code maintainable Sponsors: Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: Sarah's Personal Website Sarah on CodePen "SVG Animations", Sarah's book "Functional Animation", Sarah's talk on using animation to create spatial awareness and make interfaces easier to use GreenSock animation library "Animation in Design Systems", Sarah's article at 24 ways "FLIP Your Animations", using the FLIP technique to make animations more performant Transitions in Vue.js "Animating Vue", Sarahs' talk from VueConf 2017 Web Animation Workshops with Sarah and Val Head
Jan. 31, 2018
In this episode, Adam talks to Evan You the creator of Vue.js about advanced component design patterns, and using features like scoped slots and render functions to build components that are much more than just UI widgets. Topics include: What is a "higher order component"? How do you replicate the render prop pattern from React with Vue? Using scoped slots to build components with no UI Using render functions without using JSX How Vue's built-in components like <transition> work under the hood Sponsors: Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: Vue.js Homepage The Vue Point, the official Vue.js blog on Medium Higher-Order Components, from the React documentation "Use a Render Prop!" by Michael Jackson, an introduction to render prop components in React Scoped Slots documentation Render Functions documentation "Writing Abstract Components with Vue.js", tutorial on writing a render function component with Vue Fetch Component Demo, based on the component Evan describes in the podcast
Jan. 17, 2018
In this episode, Adam talks to Tom Schlick about tackling challenges faced when building multitenant apps. Topics include: What makes an application "multitenant" really? Choosing between a shared database or multi-database setup Approaches for identifying the current tenant Performance considerations How multitenancy impacts how you integrate with external services Sponsors: Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: "Building Multitenant Applications", video of Tom's talk from Laracon US 2017 Slides from Tom's multitenancy talk "Online migrations at scale" on the Stripe engineering blog "Migrating replication lag and reducing read load with freno" on the GitHub engineering blog
Dec. 21, 2017
In this episode, Adam talks to Kent C. Dodds about building downshift, a React autocomplete component he designed for experiences he needed to build at PayPal. Kent gives a behind-the-scenes look at how the library uses the render prop pattern to allow maximum customizability without complex configuration. Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Links: downshift on GitHub "Introducing downshift for React" from Kent's blog "Use a Render Prop!" post by Michael Jackson "Compound Components" talk by Ryan Florence match-sorter, Kent's best-match sorting library Awesome React Render Props react-toggled, Kent's toggle component library Kent's newsletter "Learn React Fundamentals and Advanced Patterns", blog post introducing Kent's React courses
Dec. 6, 2017
In this episode, Adam and Ben Orenstein share nine of their favorite refactorings that you can use to clean up your code. Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Links: Refactoring Rails, Ben's refactoring course The 30 Day Code Quality Challenge, Ben's free 30-day code quality course Refactoring from Good to Great, Ben's popular refactoring talk Decompose Conditional, an example of "make the implicit explicit" Introduce Parameter Object Replace Conditional with Polymorphism Chasing Perfect, Adam's talk about refactoring with polymorphism Introduce Null Object Replace Method with Method Object "Why Ruby Class Methods Resist Refactoring" from the Code Climate blog Collection Pipeline, Martin Fowler's article on replacing loops with array transformations Curing the Common Loop, Adam's talk on refactoring loops and conditionals Refactoring to Collections, Adam's book and video series Boundaries, Gary Bernhardt's talk about OO, functional programming, and immutability
Nov. 21, 2017
In this episode, Adam and Jonathan Reinink continue their discussion about Tailwind CSS, answering listener questions about the framework and sharing details behind the roadmap to 1.0. Topics include: Why Tailwind doesn't include buttons or forms Is Tailwind for front-end developers or back-end developers? Best practices around extracting component classes Using Tailwind with existing CSS or on top of other frameworks Optimizing Tailwind's generated file size New features planned for upcoming Tailwind releases Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Links: Tailwind CSS Homepage Tailwind CSS GitHub repository Tailwind CSS discussion forum @tailwindcss on Twitter Built with Tailwind, a curated list of cool stuff built with Tailwind Tailwind Expo, more cool stuff built with Tailwind Tailwind CSS lessons on Egghead.io, by Simon Vrachliotis purgecss, amazing tool for removing unused CSS from your codebase Using PurgeCSS to remove unused Tailwind CSS classes, by Andrew Del Prete Jason Beggs' personal site, built with Tailwind and optimized with PurgeCSS Building a Login Page with Tailwind CSS, tutorial by Mustafa Ehsan Introducing Tailwind CSS on Scotch.io by Ezeugwu Paschal
Nov. 8, 2017
In this episode, Adam is joined by Jonathan Reinink to discuss Tailwind CSS, a new utility-first CSS framework that they just released. They talk about what Tailwind is, how it works, and what makes it different than component-based frameworks like Bootstrap or other utility frameworks like Tachyons. Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report Links: Tailwind CSS Homepage Tailwind CSS GitHub repository Tailwind CSS discussion forum @tailwindcss on Twitter "CSS Utility Classes and Separation of Concerns", Adam's post on moving from "semantic" CSS to utility-first "Rebuilding Laravel.io with Tailwind CSS", a video walkthrough of implementing a design with Tailwind
Oct. 25, 2017
In this episode, Adam talks to Diana Mounter of GitHub to talk about using design systems to tame legacy CSS, and how GitHub is using utility classes to make it easier to build more consistent, maintainable user interfaces. Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: Diana's personal website Primer, GitHub's design system Primer modules on GitHub "Introducing Design Systems into Chaos", Diana's recent talk on her work on design systems at GitHub Percy, a visual regression testing tool Primer CSS on Twitter GitHub Design on Twitter
Oct. 12, 2017
In this episode, Adam is joined by Steve Schoger to talk about five ways developers can get better at designing their own projects. Topics include: How to pick great fonts Choosing a color scheme for your project Designing in greyscale Recreating existing interfaces from scratch Recommended design tools What you should design first on a new page Strategies for making things look professional without graphic design skills Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links: Steve's Blog Little UI Details, a collection of Steve's hot design tips Google Fonts, prefiltered "12 Google Fonts You Can't Go Wrong With", by Steve System Font Stack courtesy of CSS-Tricks Inter UI font family (formerly "Interface") WhatFont Chrome Extension Fonts In Use Dribbble color picker "Color in UI Design" by Erik Kennedy (great resource on HSL) Sketch, design tool for macOS Figma, cross-platform design tool "Building a professional design tool for the web", on how Figma is written in C++ and compiled to asm.js "Epicenter Design" by 37signals Doodle, example of a small UI Example login page, from Shippo Refactoring UI "Redesigning Laravel.io" case study Zondicons, Steve's free SVG icon set Hero Patterns, Steve's free SVG background pattern gallery Pushsilver, example of Hero Patterns in use Heroicons, Steve's premium marketing icon kit
Sept. 27, 2017
In this episode, Adam is joined by Justin Jackson to talk about how to start working towards making a full-time living from your own projects. Topics include: Why you shouldn't start with SaaS How to find ideas from client projects What to do before you make a landing page Why your first product doesn't have to be the one that makes you rich Using open source to build an audience Sponsors: Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Codeship Links: Getting Real by 37signals (now Basecamp) Startups for the Rest of Us podcast Storemapper, interview with Tyler Tringas for IndieHackers Pippin's Plugins The Stairstep Approach to Bootstrapping by Rob Walling The Freedom Ladder by Justin Jackson "The $61,392 Book Launch That Let Me Quit My Job", story of how Adam released his first product and went independent Marketing for Developers, Justin's book and course Refactoring UI landing page Justin's Laracon 2017 Talk