Full Stack Radio

By Adam Wathan

About this podcast   English    United States

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.
89 episodes · since Oct, 2014
May 23, 2018
In this episode, Adam talks to Sam Selikoff about how Ember fits into the JS framework landscape in 2018, and why it might be the right choice for your next project. Topics include: Why has Ember stuck around when other frameworks from the same era haven't? What do you get when you choose Ember that you don't get with other frameworks? How does Ember's UI layer compare to React/Vue? What choices does Ember make differently than frameworks like React and Vue? How does Ember do state management? Why Ember is a great choice if you value stability 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: EmberMap, Sam's Ember.js training site Ember.js Documentation ember-cli-tailwind, Tailwind CSS add-on for Ember Handlebars, Ember's templating language "Should we use controllers?", on how controllers fit into Ember when also using components Ember Data Ember's release cycle embercasts, Ember.js training for beginners
May 10, 2018
In this episode, Adam talks to Blake Newman about getting started with Vuex, and how you would use it to manage your application's state using several practical real-world examples. Topics include: What is Vuex and where did it come from? The benefits of centralizing all of your application's state into one place What sort of state belongs in Vuex and what state should stay local to a component What all the Vuex terminology means, like actions, mutations, getters, etc. How you initially populate a Vuex store Strategies for organizing all of the state in a store Common mistakes people make with Vuex Dealing with forms when using Vuex 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: Advanced Vue Component Design, Adam's upcoming course Vuex Documentation The Elm Architecture Intro to Vuex on CSS Tricks by Sarah Drasner
April 25, 2018
In this episode, Adam talks to Chris Fritz about common mistakes people make when designing Vue.js applications, and better ways to solve the same problems. Topics include: Why global state is better than an event bus Why and how to avoid using this.$parent Custom events vs. callback props When to use watchers and when you don't need to Why you should prefer computed properties over methods Inline templates vs. scoped slots Using components to share code instead of mixins or directives 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: Advanced Vue Component Design, Adam's upcoming course Chris on GitHub Chris on Patreon "7 Secret Patterns Vue Consultants Don't Want You To Know", Chris' recent presentation "Methods, Computed, and Watchers in Vue.js" by Sarah Drasner PortalVue, library for rendering elements outside of their parent component vue-enterprise-boilerplate
April 11, 2018
In this episode, Adam talks to Jonathan Reinink about lessons learned rebuilding his SaaS app with Vue.js and Tailwind CSS. Topics include: Wrapping non-Vue libraries as Vue components to maintain a consistent paradigm Using Popper.js with Vue to build dropdowns and tooltips Using portals to build better modal components Patterns for making it easier to reuse components throughout an application Which Tailwind CSS component classes Jonathan chose to extract (and which ones he didn't) How Jonathan chose to customize his Tailwind configuration for his project Using Tailwind's advanced screen options to better accommodate a sidebar layout How Jonathan is using Purgecss to reduce his CSS from 110,000 lines of code 1.7mb in development to 8.8kb in production 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: Advanced Vue Component Design, Adam's upcoming course "Building a Sortable Component with Vue.js", replay from Adam's recent live stream Vue.js Tailwind CSS Turbolinks Popper.js positioning library Pikaday date picker library Vue.nextTick() PortalVue, library for rendering elements outside of their parent component Portals in React Purgecss
March 30, 2018
In this episode, Adam talks to Frank de Jonge, author of the EventSauce library, about what event sourcing is, how it works, and what it looks like to use it to model some practical real-world problems. Topics include: What does "event sourcing" even mean? What do terms like "aggregate" and "projection" mean in the context of event sourcing? What are the benefits of modeling something with event sourcing vs. a traditional state-based approach? How events are usually stored Why and how you might build multiple projections from a single event stream How events in event sourcing differ from the sort of events you might already be using in your projects A walkthrough of what the actual code would look like to model a "publish blog post" feature using event sourcing 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: Advanced Vue Component Design, Adam's upcoming course Frank's Blog EventSauce, Frank's new PHP event sourcing library Event Store event sourcing database "Event Sourcing" introduction by Martin Fowler "Event Sourcing" talk by Greg Young at GOTO 2014
March 14, 2018
In this episode, Adam talks to Edd Yerburgh, Vue.js core team member and author of the vue-test-utils library, about testing Vue components. Topics include: Challenges with testing Vue components prior to vue-test-utils How vue-test-utils works and what it looks like to test a component Choosing a test runner Common mistakes people make when testing their components Mocking and stubbing external dependencies Combining unit testing with snapshot testing 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-test-utils on GitHub vue-test-utils Documentation "Testing Vue.js Applications", Edd's book Enzyme testing utility for React jsdom Jest, Edd's recommended test runner mocha-webpack Mocking in Jest Snapshot testing in Jest Async Vue components
Feb. 28, 2018 · transcript
In this episode, Adam talks to David Heinemeier Hansson about Basecamp's new JavaScript framework "Stimulus" as well as David's new YouTube series "On Writing Software Well". Topics include: What JavaScript looked like at Basecamp before Stimulus Why Basecamp chose to create a new framework instead of using React, Angular, or Vue How Basecamp uses server-rendered partials instead client-side templates Why David decided to start "On Writing Software Well" Evaluating patterns in practice and choosing between conflicting approaches Using concerns/mixins to organize classes with many features Applying resourceful routing to singular resources 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: Stimulus Homepage Stimulus on GitHub David's blog post introducing Stimulus Turbolinks Webpacker "Server-generated JavaScript Responses (SJR)" (2013) respond_to, returning multiple formats from the same Rails controller "On Writing Software Well" 1: Removing the need for code comments 2: Using callbacks to manage auxiliary complexity 3: Using globals when the price is right 4: Not every model is backed by a database 5: Testing without test damage or excessive isolation Basecamp's "Getting Real" YouTube channel
Feb. 14, 2018 · transcript
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 · transcript
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

Podcasts like "Full Stack Radio"

By DevChat.tv
By DevChat.tv
By Javier Pastor
By Laurence Bradford
By Michael Kennedy and Brian Okken
By Brian Okken
By Dain Miller & StartHere.FM
Disclaimer: The podcast and artwork embedded on this page are from Adam Wathan, which is the property of its owner and not affiliated with or endorsed by Listen Notes, Inc.