Full Stack Radio

Topics include:Why you should choose a market before getting too attached to the type of product you want to createWhy it can make sense to create products in different categories if they are for the same peopleWhy a CSS framework and a TDD course have more in common than it soundsWhy you might be happier having a job than running a business if you want to spend your time doing a specific type of workWhat you should be doing instead of racking your brain for app ideasSponsors:Netlify, incredibly powerful static site hosting for freeCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:"Anything You Want" by Derek SiversAdam's tweet storm after re-reading "Anything You Want"Justin's talk on product validation at MicroConf 2018Justin's websiteJustin's Marketing for Developers courseBuild your SaaS, Justin's podcast about building Transistor.fm

Topics include:Why Derrick chose to build Level as an SPAChoosing Elm over React or VueHow Elm is sort of like a language and framework combinedMoving to Phoenix from RailsWhy getting abstractions right feels easier in a functional languageHow "contexts" help you organize your Phoenix codeThe benefits of GraphQL over RESTWhat it looks like to implement GraphQL on the serverAvoiding n+1 queries with GraphQLSponsors:Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:LevelLevel live-coding screencasts on YouTubeElm, the functional programming language Derrick is using on the frontendAn Introduction to Elm, the official tutorialThe Elm ArchitectureElixir, the functional programming language Derrick is using on the backendPhoenix, the Elixir frameworkContexts in PhoenixGraphQLAbsinthe, GraphQL implementation for Elixir

Sponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeRollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysLinks:LevelThe War on Developer Productivity, the Level manifestoLevel live-coding screencasts on YouTubeGhost, open-source publishing platformDiscourse, open-source discussion platform"After 5 years and $3M, here's everything we've learned from building Ghost",

Topics include:What even is JSX, really?Why JSX is not a templating a languageHow render functions workAdvantages of JSX over templatesHow to translate template features like v-if to JSXHow event listeners work with JSXJSX gotchas to watch out forSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeRollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysLinks:Introducing JSX from the React documentationRender Functions & JSX in the Vue.js documentationVue.js Template Explorer, see how Vue compiles templates to render functionsbabel-plugin-transform-vue-jsx on GitHubVue Templates in JSX, article by Sebastian De DeynePrettier code formatterHyperscriptWhy React uses "className" instead of "class"Writing Vue.js Render Functions in JSX from Alligator.io

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 stabilitySponsors:Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysCodeship, check out how they performed in Forrester's latest Continuous Integration Tools reportLinks:EmberMap, Sam's Ember.js training siteEmber.js Documentationember-cli-tailwind, Tailwind CSS add-on for EmberHandlebars, Ember's templating language"Should we use controllers?", on how controllers fit into Ember when also using componentsEmber DataEmber's release cycleembercasts, Ember.js training for beginners

Topics include:What is Vuex and where did it come from?The benefits of centralizing all of your application's state into one placeWhat sort of state belongs in Vuex and what state should stay local to a componentWhat all the Vuex terminology means, like actions, mutations, getters, etc.How you initially populate a Vuex storeStrategies for organizing all of the state in a storeCommon mistakes people make with VuexDealing with forms when using VuexSponsors:Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysCodeship, check out how they performed in Forrester's latest Continuous Integration Tools reportLinks:Advanced Vue Component Design, Adam's upcoming courseVuex DocumentationThe Elm ArchitectureIntro to Vuex on CSS Tricks by Sarah Drasner

Topics include:Why global state is better than an event busWhy and how to avoid using this.$parentCustom events vs. callback propsWhen to use watchers and when you don't need toWhy you should prefer computed properties over methodsInline templates vs. scoped slotsUsing components to share code instead of mixins or directivesSponsors:Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysCodeship, check out how they performed in Forrester's latest Continuous Integration Tools reportLinks:Advanced Vue Component Design, Adam's upcoming courseChris on GitHubChris 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 DrasnerPortalVue, library for rendering elements outside of their parent componentvue-enterprise-boilerplate

Topics include:Wrapping non-Vue libraries as Vue components to maintain a consistent paradigmUsing Popper.js with Vue to build dropdowns and tooltipsUsing portals to build better modal componentsPatterns for making it easier to reuse components throughout an applicationWhich Tailwind CSS component classes Jonathan chose to extract (and which ones he didn't)How Jonathan chose to customize his Tailwind configuration for his projectUsing Tailwind's advanced screen options to better accommodate a sidebar layoutHow Jonathan is using Purgecss to reduce his CSS from 110,000 lines of code 1.7mb in development to 8.8kb in productionSponsors:Codeship, check out how they performed in Forrester's latest Continuous Integration Tools reportRollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysLinks:Advanced Vue Component Design, Adam's upcoming course"Building a Sortable Component with Vue.js", replay from Adam's recent live streamVue.jsTailwind CSSTurbolinksPopper.js positioning libraryPikaday date picker libraryVue.nextTick()PortalVue, library for rendering elements outside of their parent componentPortals in ReactPurgecss

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 storedWhy and how you might build multiple projections from a single event streamHow events in event sourcing differ from the sort of events you might already be using in your projectsA walkthrough of what the actual code would look like to model a "publish blog post" feature using event sourcingSponsors:Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysCodeship, check out how they performed in Forrester's latest Continuous Integration Tools reportLinks:Advanced Vue Component Design, Adam's upcoming courseFrank's BlogEventSauce, Frank's new PHP event sourcing libraryEvent Store event sourcing database"Event Sourcing" introduction by Martin Fowler"Event Sourcing" talk by Greg Young at GOTO 2014

Topics include:Challenges with testing Vue components prior to vue-test-utilsHow vue-test-utils works and what it looks like to test a componentChoosing a test runnerCommon mistakes people make when testing their componentsMocking and stubbing external dependenciesCombining unit testing with snapshot testingSponsors:Codeship, check out how they performed in Forrester's latest Continuous Integration Tools reportRollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysLinks:vue-test-utils on GitHubvue-test-utils Documentation"Testing Vue.js Applications", Edd's bookEnzyme testing utility for ReactjsdomJest, Edd's recommended test runnermocha-webpackMocking in JestSnapshot testing in JestAsync Vue components