Full Stack Radio

Questions include:What's your process for getting started on a new design?How do you make your designs feel original?How do you choose fonts for a new project?How do you make complex tables look good, and how do you make them work on mobile?What's the best way to style multiple secondary actions on a page?Refactoring UI topics include:Structuring the book to make it easy to read in a short amount of timeAn overview of the sections and chapters in the bookWhat's covered in the screencastsHow the included color palettes are designed and why they are more useful than the color palettes you're used to generating onlineWhat the font recommendation guide includes and how it's organizedDetails about the included icon setWhat's inside the component gallery, and how it's meant to be usedThe release date! 🎉Sponsors:Rollbar, sign up at rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open CollectiveOh Dear!, sign up with the coupon code "FULLSTACKRADIO" to get 50% off your first monthLinks:Refactoring UI🔥 Design TipsFonts In Use"Getting Real" by Basecamp, our inspiration for structuring the bookRefactoring UI on YouTubePreview of the Refactoring UI icon setPreview of the Refactoring UI color palettesPreview of the Refactoring UI component gallery

Topics include:Why "success" shouldn't mean the same thing to everyoneHow to stay small without doing all the work you don't want to do yourselfWhy it's important to define what "enough" is for your business instead of always feeling the need to do better than you did last yearQuestions to ask yourself to figure out what "success" would be for youHow knowing your "enough" can help you build better products for the people you want to serveWhy you should ignore the people who don't like what you're doing and double down on the people who love itSponsors:Oh Dear!, sign up with the coupon code "FULLSTACKRADIO" to get 50% off your first monthRollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open CollectiveLinks:Paul's websiteCompany of One, Paul's upcoming book"Enough already", from Paul's blog"1,000 True Fans", by Kevin Kelly"Find your rat people", from Paul's blog"Sean D'Souza doesn't want to grow his company!"

Topics include:Why deadlines are criticalUsing manual processes to avoid building features entirelyHow launching a stripped down version of your idea can help you build the right thingRecognizing when you don't need to solve a problem yetWhy you shouldn't design your entire UI up frontHow evolutionary design applies to both code and interface designWhy you should always finish a feature before starting the next oneApplying this approach to Ben's current project TupleSponsors:Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open CollectiveCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:The Art of Product, Ben's podcastTuple, Ben's current project"You Should Take a Codecation"Trailmix.life, Ben's first codecation SaaSBriefs.fm, Ben's second codecation SaaSNomadlist, by Pieter LevelsAirline ListBasecamp 6 week cycles"How we structure our work and teams at Basecamp""What six weeks of work looks like" (at Basecamp)"Making Sense of MVP", by Henrik Kniberg

Topics include:The history behind Nuxt.jsHow Nuxt.js uses special Page components and file-based routing instead of using a traditional routerCreating dynamic page-based routes without a custom serverHow the asyncData lifecycle hook worksHow server-side rendering works in Nuxt.jsHow Nuxt.js uses intelligent code-splitting to improve performanceHow to use the fetch method to dispatch Vuex actionsUsing the head method to populate head elements on a pageHow layouts and middleware workOptions for generating, serving, and deploying Nuxt applicationsWhen and why would someone use Vue CLI instead of Nuxt?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 and install Rollbar in your app to receive a $100 gift card for Open CollectiveLinks:VueConf TO DiscountNuxt.js DocumentationVuepressVue CLI 3

Topics include:How Next.js is different than using create-react-appHow page-based routing works in Next.js vs. a traditional routerThe mechanics behind how components are server-side rendered and picked up by React on the clientWhat it really means to server-render a React app and how it's different from a traditional server-rendered web appHow to use "getInitialProps" to tell Next.js how to render a page on the serverHow dynamic routing works using page-based routingWhat's new in Next.js 7.0Sponsors:Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open CollectiveCloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeLinks:VueConf TO DiscountNext.js DocumentationLearn Next.js, official guideNext.js BlogNext.js Examples on GitHub

Topics include:What JSON Web Tokens are and how to use them to authenticate usersStrategies for invalidating stateless API tokensUsing cookie and session authenticationUsing authentication-as-a-service solutions like Auth0Proxying requests to your API to simplify CORS issuesProtecting against XSS attacksSponsors: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:JSON Web TokensSecuring Angular Applications, Ryan's bookSecurity Headers scanning tool"I’m harvesting credit card numbers and passwords from your site. Here’s how."https://auth0.com/"CORS is bad for performance" Twitter thread

Topics include:How modern JS frameworks have made the web less accessibleHow Reach UI is making it easier for people to build accessible components without sacrificing customizabilityThe importance of using the correct markupHow focus trapping worksAdding keyboard navigation to components in a way that makes sense for screenreader usersThe challenges of building an accessibility-focused UI librarySponsors: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:Reach UIReact Native for WebWAI-ARIA Authoring PracticesVoiceOverNVDAHiding elements visually but not from screenreadersRyan's Advanced React Workshop TourRyan's Online React Courses

Topics include:Why goals aren't useful on their ownThe four rules that guide human behaviorUsing environment design to encourage the habits you want to adoptBuilding habits of avoidanceWhy being productive is really about decision makingSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeNetlify, incredibly powerful static site hosting for freeLinks:JamesClear.comPre-order Atomic Habits, James' upcoming bookJames' Newsletter

Topics include:How to fetch and reconstitute an aggregate from its eventsUsing generators to make it easy to transform event streamsWhat it looks like to apply an event to an aggregateHow to create events and what they look likeImplementing a message repository for fetching events from storageHow to raise events from inside your aggregatesHow to persist aggregates at the end of a requestWhat it looks like to insert new events into storageDispatching events to consumers to produce side effectsUsing event consumers to create and update projectionsSponsors: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:Full Stack Radio #85EventSauce, Frank's event sourcing library

Topics include:The benefits of pairing with someone more experienced than youThe benefits of pairing with someone less experienced than youHow pairing helps you build things fasterWhy pairing often removes the need for code reviewHow to get started with pairing if you've never done it beforeSponsors:Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for freeNetlify, incredibly powerful static site hosting for freeLinks:Tuple, the remote pairing tool Ben is buildingTuple's Pair Programming GuideThe Art of Product, Ben's podcast with Derrick ReimerBen's blogPair programming on Wikipedia"Extreme Programming Explained" by Kent Beck"How to Improve as a Programmer"Llewellyn’s strong-style pairingThe Pomodoro TechniqueVehikl podcast episode on pairing