Full Stack Radio

Topics include:Building website templates vs. a UI kitShould the product be positioned as a UI library or an educational resource?One-time purchase pricing vs. subscription pricing vs. some combination of the twoWhy 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 freeDigitalOcean, get your free $50 credit at do.co/fullstackLinks:Tailwind CSSTweet previewing the Tailwind component directoryArticle on Sketch pricing modelMegaMaker ClubThermostat, the NPS survey software Ian is working on

Topics include:Walking through how a single screen in the app is rendered in step-by-step detailHow they separate container components and presentational components to make things easier to reason aboutHow the Redux store is organizedHow they handle caching data on the client and deciding when to bust the cacheHow the API is designedWhy they are sticking with REST instead of GraphqlHow they handle authentication in their appSponsors:DigitalOcean, get your free $50 credit at do.co/fullstackCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:NetlifyReactReact Router"Presentational and Container Components" by Dan AbramovNetlify's StorybookImmutableImmerredux-funkNetlify AnalyticsJAMstack Conf

Topics include:The risks and technical challenges of building client-side API integrations and why Benedikt decided to focus on a server-side integration for launchBuilding Userlist with Ember instead of trendier tools like ReactHow the Ember app authenticates with the Rails APIStrategies for keeping email deliverability high for Userlist's customersHow Benedikt built Userlist's complex segmentation engine by creating a custom AST structure and compiling it to SQLHow the automation and email scheduling system worksSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeDigitalOcean, get your free $50 credit at do.co/fullstackLinks:Userlist.ioSlow and Steady, Benedikt's podcastProsemirrorEmberRuby on RailsSidekiqSparkpost

Topics include:What is serverless?What AWS services Vapor manages and how they are billedUsing a single RDS instance with multiple databasesUnderstanding cold boots with Lambda and how to minimize the effect they have on your application's performancePerformance on VaporHow queues work with VaporTuning your queue concurrency based on your database connection limitStrategies for preventing your web instances and queue instances from competing for resourcesHow scheduled tasks work with VaporHow file uploads work with VaporLimitations when running code on Lambda and strategies for working around themSponsors:DigitalOcean, get your free $50 credit at do.co/fullstackCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:Laravel VaporIntro to Laravel Vapor, Taylor's talk at Laracon

Topics include:How modernizing a Flash app drove Ryan to start building SPAsHow 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 codebaseWhy the backend will continue to be commoditized and application developers will be spending more and more of their time in the UIWhat makes something a web app instead of a website, and why almost everything is actually an appWhy application developers still need to write server-side code right now and what areas have the biggest room for innovation and improvementSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeDigitalOcean, get your free $50 credit at do.co/fullstackLinks:EmberMap, Ryan's tutorial siteMirage.jsClient-side SQLGraphQLHasura GraphQL Engine, an automatic GraphQL API over PostgresConversation on ugprading API requestsInterview with Michelle Bu of Stripe

Topics 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 headingWhy you may want to include invisible headings in some situationsWhat the document outline is and how your use of headings impacts itHow to make your heading levels dynamic to make your components more flexibleWhat a "sectioning context" isCan you have multiple "article" elements on one page?What even is an "article" anyways?How to use elements like "section" and "aside" properlyShould navigation items be in lists?Why Aaron can't remember the last time he used a "span"Sponsors:DigitalOcean, get your free $50 credit at do.co/fullstackCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:Aaron's personal websiteHTML5 Element Flowchart from html5 Doctor

Topics include:What CSS-in-JS even isWhat Emotion does differently than other CSS-in-JS librariesHow to actually use Emotion to style your projectsHow the JSX pragma works and what it's forHow Emotion works under the hoodPerformanceAdding global styles to your projectStyle re-use and composition in EmotionUsing Emotion with server-side renderingSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeDigitalOcean, get your free $50 credit at do.co/fullstackLinks:EmotionGlamGlamorGlamorousStyled ComponentsJSX pragmaCSSStyleSheet.insertRule()Global styles in EmotionServer-side rendering in Emotion

Topics include:How pattern matching works in Elixir and why it's more powerful than method overloading in other languagesHow Elixir's pipe operator makes the transition from OO to functional programming more naturalWhy you don't need to be intimidated by unfamiliar features like GenServers to use Elixir for web app developmentNoticeable differences between working with Rails and Phoenix and what it was like to transitionHow the Phoenix ORM makes n+1 queries impossibleWhy background tasks are a lot easier in Elixir than in an ecosystem like PHPWhat other tools and technology power the Changelog platformHow the Changelog Phoenix app is deployedSponsors:DigitalOcean, get your free $50 credit at do.co/fullstackCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:Building rapid UI with utility-first CSS, Adam's episode of JS PartyElixirPhoenixChris McCord on The ChangelogThe Changelog source codeConfident Ruby"Why we chose Turbolinks"Programming Phoenix bookElixir ForumOur Slack

Topics include:How Gatsby is more than just a static site generatorHow you create pages with Gatsby and how it's more powerful than traditional static site generatorsThe benefits of having a unified data access layer for all of your contentHow to build dynamic applications with GatsbyWhy Gatsby is actually faster than static HTMLHow Gatsby makes performance best practices easyGatsby themes and why they are more exciting than traditional CMS themesSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeDigitalOcean, get your free $50 credit at do.co/fullstackLinks:GatsbyGraphQLgatsby-imageReach RouterThe PRPL PatternJason on Twitch

Topics 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 curveHow to translate Vue's computed properties to React using the useMemo hookHow to translate Vue's watchers to React using the useEffect hookHow to translate Vue's v-model to React using value props and event listenersHow to translate Vue's events to React using callback propsHow to translate Vue's slots to React by passing JSX as a normal propHow to handle transitions in React with libraries like PoseSponsors:DigitalOcean, get your free $100 credit at do.co/fullstackCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:Why I prefer React over Vue, from Sebastian's blogReact docsIntroducing Hooks at React ConfHooks docsVue Template ExplorerPose, animation library for React and VueOverreacted.io, Dan Abramov's React blog