Full Stack Radio

View Top 200 Chart

Back to Rankings Page

News
**Full Stack Radio**

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.

Latest Episodes:

93: Justin Jackson - Who You Want to Help > What You Want to Build Jul 18, 2018

Show notes

Topics include:

Why you should choose a market before getting too attached to the type of product you want to create
Why it can make sense to create products in different categories if they are for the same people
Why a CSS framework and a TDD course have more in common than it sounds
Why you might be happier having a job than running a business if you want to spend your time doing a specific type of work
What you should be doing instead of racking your brain for app ideas

Sponsors:

Netlify, incredibly powerful static site hosting for free
Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

"Anything You Want" by Derek Sivers
Adam's tweet storm after re-reading "Anything You Want"
Justin's talk on product validation at MicroConf 2018
Justin's website
Justin's Marketing for Developers course
Build your SaaS, Justin's podcast about building Transistor.fm

92: Derrick Reimer - Building an SPA with Elm, Phoenix and GraphQL Jul 03, 2018

Show notes

Topics include:

Why Derrick chose to build Level as an SPA
Choosing Elm over React or Vue
How Elm is sort of like a language and framework combined
Moving to Phoenix from Rails
Why getting abstractions right feels easier in a functional language
How "contexts" help you organize your Phoenix code
The benefits of GraphQL over REST
What it looks like to implement GraphQL on the server
Avoiding n+1 queries with GraphQL

Sponsors:

Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days
Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

Level
Level live-coding screencasts on YouTube
Elm, the functional programming language Derrick is using on the frontend
An Introduction to Elm, the official tutorial
The Elm Architecture
Elixir, the functional programming language Derrick is using on the backend
Phoenix, the Elixir framework
Contexts in Phoenix
GraphQL
Absinthe, GraphQL implementation for Elixir

91: Derrick Reimer - Designing a Calmer Team Communication Platform Jun 20, 2018

Show notes

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 to try their Bootstrap Plan free for 90 days

Links:

Level
The War on Developer Productivity, the Level manifesto
Level live-coding screencasts on YouTube
Ghost, open-source publishing platform
Discourse, open-source discussion platform
"After 5 years and $3M, here's everything we've learned from building Ghost",

90: David Hemphill - Using JSX with Vue.js Jun 13, 2018

Show notes

Topics include:

What even is JSX, really?
Why JSX is not a templating a language
How render functions work
Advantages of JSX over templates
How to translate template features like v-if to JSX
How event listeners work with JSX
JSX gotchas to watch out for

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 to try their Bootstrap Plan free for 90 days

Links:

Introducing JSX from the React documentation
Render Functions & JSX in the Vue.js documentation
Vue.js Template Explorer, see how Vue compiles templates to render functions
babel-plugin-transform-vue-jsx on GitHub
Vue Templates in JSX, article by Sebastian De Deyne
Prettier code formatter
Hyperscript
Why React uses "className" instead of "class"
Writing Vue.js Render Functions in JSX from Alligator.io

89: Sam Selikoff - Choosing Ember.js in 2018 May 23, 2018

Show notes

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

88: Blake Newman - Vue.js State Management with Vuex May 10, 2018

Show notes

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

87: Chris Fritz - Vue.js Anti-Patterns (and How to Avoid Them) Apr 25, 2018

Show notes

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

86: Jonathan Reinink - Rebuilding a SaaS with Vue.js and Tailwind CSS Apr 11, 2018

Show notes

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

85: Frank de Jonge - Event Sourcing for Beginners Mar 30, 2018

Show notes

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

84: Edd Yerburgh - Testing Vue.js Components Mar 14, 2018

Show notes

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

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected