Full Stack Radio

Supporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to check out our products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS.Statamic 3, Jack's full-featured flat-file CMS, designed for developers and clients alike.Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Adam and Jack talk about how the Statamic 3 launch went, and adding GitHub Sponsor tiers to the Statamic GitHub organization and what to give people in exchange for sponsoring. They also talk about the new Tailwind CSS v1.7 release, and the new features like gradient support. Finally, they work through some ideas Adam is preparing for his Laracon talk on “Building component libraries with Tailwind CSS”.

Links Statamic 3.0 Tailwind CSS v1.7.0 @90sWWE on Twitter

Topics include:Why Gary decided to write Execute Program as a full-stack TypeScript application instead of using a Ruby or Python backend like he may have traditionallyDo you actually have to write less tests if you have a good type system?What does a good type system give you that tests can't give you?Using io-ts to type check incoming dataHow to think about structuring your code to best take advantage of the benefits your type system gives you and minimize the need to write testsPushing conditional logic to the core of your system to reduce the number of tests you need to write at the edgesThe correlation between type errors and behavioral bugs, and how a type system can help you catch mistakes you don't think to test forDo type errors signal that you're missing a test?Structural vs. nominal type systems, and the benefits of structural type systems like used by TypeScript and GoBest practices for type-checking within a function in a structural type system like TypeScriptThe power of supporting literal types like true or "active" in addition to traditional typesLinks:Destroy All SoftwareExecute ProgramTypeScript"Are tests necessary in TypeScript?"io-tsTypeScript course on Execute ProgramGary's tweet about unions with literal typesSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS.Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:What is Svelte and how is it different than other JS frameworks in the space?What special behavior does the Svelte compiler layer on top of vanilla JS syntax and why?Why the lack of render functions in Svelte isn't a real problem in practiceWhat are you giving up when you choose to build your application with something like Rails instead of JavaScript?Why should we be trying to write our applications in a single language, and why should it be JS?What's wrong with striving to write an application entirely in a language like Ruby instead of entirely in JS?Why HEY doesn't really make a good argument against the modern webThoughts on bundle sizes, code-splitting, and why aggressive code-splitting is still better than frequent round trips to a server-rendered appHow Svelte and Sapper handle SSRWhy page transitions are the killer argument for building SPAs if we want to be able to compete with native experiencesShould we be thinking about JavaScript applications as native applications in terms of offline-support and eventual consistency, or should we keep thinking of them as webpages that depend on the network?Links:SvelteSapper"Second-guessing the modern web""In defense of the modern web"Supporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS.Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:How do you decide what role to hire for?Why it's so important to figure out exactly what your biggest struggle is before hiringHow to decide what the most important thing to focus on is when it feels like there's too much to doWhy it's important to consider the impact of hiring for a specific role on your own happiness vs. just the company's bottom lineComing to terms with the fact that you can't do everything, and why it's important to focus on something instead of spreading yourself thin across everythingMistakes people make when they start managing a team for the first timeLinks:Jason's blog, one of the greatest treasure troves of startup advice on the internetDesigning the Ideal Bootstrapped Business, one of Jason's MicroConf talksSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS.Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:How did Basecamp evolve from being a team/client communication tool to focusing on keeping your whole company organized, and is it really even that different?How exactly should we set up Basecamp on day one to support a small 3-5 person remote software team? What tools should we use and which ones should we ignore for now?Finding the balance between being organized enough and splitting things up too muchHow big should projects be? Is "HEY v1" a project, or is a project something more like "HEY File Attachments"?What tools do you normally enable for regular projects, and how do you use them?How are you normally using chat at the individual project level?Why todo lists should be created by the individuals doing the work, and not the people assigning the workHow should we use the company HQ project? What are some less obvious ideas we can apply there that can make a big difference?Using a "what we're working on" project to keep everyone on the team in the loop and feeling connectedUsing "heartbeats" to summarize the work a team has been doing over a period of time for the rest of the companyAdvice on bringing on new employees and how to assign them their first projectWhen you're such a writing-driven company, how do you make sure decisions get written down when they are made in real-time instead of naturally occurring within Basecamp?Screenshots:Example of a "what did I work on?" check-inExample of a heartbeatExample of the "What Works" projectExample of an announcement in the HQ projectExample of a conversation on a todoLinks:BasecampShape Up, Basecamp's recent book on how they workGoing Remote: Basecamp Walkthrough, a livestream where Jason and DHH go over their real Basecamp accountSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:What is Vite and what makes it different than existing tools like Webpack?How do ES Modules actually work in the browser and what are the limitations?Will we ever be able to use ES Modules in production for large complex projects?How does Vite work under the hood, and how does it support non-JS files like Vue files, or CSS files?How hot module replacement is implemented under the hood in ViteOptimizing modules with many dependencies to keep the development experience fastWhat is VitePress and how does it compare to VuePress?Bundling sites for production with ViteWhat's the roadmap for Vite 1.0?Links:ViteVitePressRollupSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:Does DynamoDB only make sense for things like your cache, or is it a good choice for a primary data store?An overview of the terminology used in DynamoDB and how the terminology compares to a relational databaseHow primary keys work in DynamoDBWhat data types are available in DynamoDBHow DynamoDB is a schemaless databaseWhy it's important to understand your access patterns in advance with DynamoDB, unlike in a relational databaseUnderstanding why and how you usually have multiple record types in a single DynamoDB tableWhat "index overloading" is in DynamoDBUnderstanding partition keys and sort keysHow to structure your data in DynamoDB to make it possible to query related data, and how those queries workHow secondary indexes work, allowing you to access the same data in different waysHow to accommodate access patterns you didn't know about before you designed your schemaWhen to flatten relationships vs. nest themShould you use DynamoDB if you aren't "web-scale"?How local development works with DynamoDBLinks:DynamoDB HomepageAlex's blog, loaded with great DynamoDB contentThe DynamoDB Book, Alex's recent bookDynamoDB GuideSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:What does it mean for Redwood to be a JAMStack framework?What does the React layer look like? What’s new, and what’s leveraging existing community tools?Why Redwood ships with it’s own routing layerWhat “cells” are in Redwood, and how they aim to provide a declarative abstraction on top of data fetchingHow Redwood tries to provide clear decoupling behind the front-end and back-end, even though it is providing a full-stack solutionWhat “services” are in RedwoodUsing Prisma 2 to fetch data from your database in your servicesWhat database solutions exist today that work well with Redwood in a serverless environment?Links:Redwood.js homepagePredictCovid.com, a Redwood app in productionExample blog application built with RedwoodPrismaSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:An overview of the new getStaticProps, getStaticPaths, and getServerSideProps APIsHow Next.js helps you serve static pages from an edge CDN automatically, without affecting the actual authoring experienceUsing getStaticPaths to statically pregenerate dynamic routesHow the fallback feature of getStaticPaths works and lets you statically render pages on-demand to avoid long build timesHow the upcoming incremental static generation feature will work in Next.jsDeploying Next.js to a platform other than Zeit, and how you retain all of Next’s benefits automaticallyHow getServerSideProps is different from getInitialPropsWhy getServerSideProps actually improves performance, even though it introduces another hopHow getServerSideProps results in smaller bundle sizes vs. getInitialPropsUsing getServerSideProps to safely talk directly to a database, skipping the need for an APIWhy Zeit as a company has started to favor client-side data fetching with SWR over getInitialProps/getServerSideProps, and how they are combining that with statically pregenerated “shells” for incredibly fast feeling experiencesWhat’s coming next in future releasesLinks:Next.jsNext.js 9.3 AnnouncementIncremental Static Generation RFCNext.js Code Elimination DemoSWR, ZEIT's data fetching librarySupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:What do people actually mean when they say "I used to use Rails, but now I use React"?Why back-end development is still a crucial part of building any web applicationWhat third-party services people are using to try and replace custom back-end codeWould you default to building a Rails back-end for a React side project, or is your instinct to try and use third-party services only?How far do you think front-end-first frameworks like Next.js are going to get their hands dirty in the back-end?Are new developers missing out by starting with React and not realizing how important tools like Rails and Laravel are for building complete production-ready applications?Are relational databases legacy tech or are they underappreciated?Links:Ruby on RailsReactAWS AmplifyFirebaseHasuraGraphQL: The DocumentaryOneGraphNext.jsSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:What Tailwind UI is and why we decided to build itHow odd numbers can wreak havoc on a user interface, and how to avoid themCrafting the perfect form controlUnexpected benefits of working with CSS GridAbusing single column grids just to use gap, and why we desperately need gap support in FlexboxLinks:Tailwind UISupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSSRefactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

Topics include:What problems you run into when baking white space into components, and why your components should never contain any surrounding white space at allLayout challenges you run into due to the way the browser includes line-height in the size of text elementsThe trick Mark's team uses to remove surrounding white space from text elements, without removing the space between wrapping linesUsing a "stack" component to specify the space between sibling elementsIssues with naively just using margin on one side of an element to space elementsThe upcoming "gap" property in CSS and how it proves layout components are a good ideaUsing a "content block" component for horizontal spacing/sizing at the page levelTricks for maintaining vertical rhythm despite 1px borders trying to ruin it all for youWhy tools like React are so important for being able to implement designs in a way that matches how designers thinkLinks:"Rethinking Design Best Practices", Mark's talk at ReactiveConf 2019Braid, the design system Mark works onPlayroomSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to pick up one of my books or courses:Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.

TopicsWhat is Mirage and how does it work?What makes Mirage better than a dummy JSON server you run on another port?What makes Mirage better than running your actual API locally?Using Mirage for actual development, and not just for your test suiteHow Mirage's internal ORM works, and how it can help you mirror your API's behavior more quicklyManaging the risks of maintaining a complex stub of your real API with Mirage and keeping them in syncWhat's next for MirageLinksMirage.jsMirage.js on GitHubSupporting the showI decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to pick up one of my books or courses:Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.