Topics include:

• Building website templates vs. a UI kit
• Should the product be positioned as a UI library or an educational resource?
• One-time purchase pricing vs. subscription pricing vs. some combination of the two
• Why 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 free
• DigitalOcean, get your free $50 credit at do.co/fullstack

Links:

• Tailwind CSS
• Tweet previewing the Tailwind component directory
• Article on Sketch pricing model
• MegaMaker Club
• Thermostat, 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 detail
• How they separate container components and presentational components to make things easier to reason about
• How the Redux store is organized
• How they handle caching data on the client and deciding when to bust the cache
• How the API is designed
• Why they are sticking with REST instead of Graphql
• How they handle authentication in their app

Sponsors:

• DigitalOcean, get your free $50 credit at do.co/fullstack
• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

• Netlify
• React
• React Router
• "Presentational and Container Components" by Dan Abramov
• Netlify's Storybook
• Immutable
• Immer
• redux-funk
• Netlify Analytics
• JAMstack 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 launch
• Building Userlist with Ember instead of trendier tools like React
• How the Ember app authenticates with the Rails API
• Strategies for keeping email deliverability high for Userlist's customers
• How Benedikt built Userlist's complex segmentation engine by creating a custom AST structure and compiling it to SQL
• How the automation and email scheduling system works

Sponsors:

• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
• DigitalOcean, get your free $50 credit at do.co/fullstack

Links:

• Userlist.io
• Slow and Steady, Benedikt's podcast
• Prosemirror
• Ember
• Ruby on Rails
• Sidekiq
• Sparkpost

Topics include:

• What is serverless?
• What AWS services Vapor manages and how they are billed
• Using a single RDS instance with multiple databases
• Understanding cold boots with Lambda and how to minimize the effect they have on your application's performance
• Performance on Vapor
• How queues work with Vapor
• Tuning your queue concurrency based on your database connection limit
• Strategies for preventing your web instances and queue instances from competing for resources
• How scheduled tasks work with Vapor
• How file uploads work with Vapor
• Limitations when running code on Lambda and strategies for working around them

Sponsors:

• DigitalOcean, get your free $50 credit at do.co/fullstack
• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

• Laravel Vapor
• Intro to Laravel Vapor, Taylor's talk at Laracon

Topics include:

• How modernizing a Flash app drove Ryan to start building SPAs
• How 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 codebase
• Why the backend will continue to be commoditized and application developers will be spending more and more of their time in the UI
• What makes something a web app instead of a website, and why almost everything is actually an app
• Why application developers still need to write server-side code right now and what areas have the biggest room for innovation and improvement

Sponsors:

• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
• DigitalOcean, get your free $50 credit at do.co/fullstack

Links:

• EmberMap, Ryan's tutorial site
• Mirage.js
• Client-side SQL
• GraphQL
• Hasura GraphQL Engine, an automatic GraphQL API over Postgres
• Conversation on ugprading API requests
• Interview 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 heading
• Why you may want to include invisible headings in some situations
• What the document outline is and how your use of headings impacts it
• How to make your heading levels dynamic to make your components more flexible
• What a "sectioning context" is
• Can you have multiple "article" elements on one page?
• What even is an "article" anyways?
• How to use elements like "section" and "aside" properly
• Should 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/fullstack
• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

• Aaron's personal website
• HTML5 Element Flowchart from html5 Doctor

Topics include:

• What CSS-in-JS even is
• What Emotion does differently than other CSS-in-JS libraries
• How to actually use Emotion to style your projects
• How the JSX pragma works and what it's for
• How Emotion works under the hood
• Performance
• Adding global styles to your project
• Style re-use and composition in Emotion
• Using Emotion with server-side rendering

Sponsors:

• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
• DigitalOcean, get your free $50 credit at do.co/fullstack

Links:

• Emotion
• Glam
• Glamor
• Glamorous
• Styled Components
• JSX pragma
• CSSStyleSheet.insertRule()
• Global styles in Emotion
• Server-side rendering in Emotion

Topics include:

• How pattern matching works in Elixir and why it's more powerful than method overloading in other languages
• How Elixir's pipe operator makes the transition from OO to functional programming more natural
• Why you don't need to be intimidated by unfamiliar features like GenServers to use Elixir for web app development
• Noticeable differences between working with Rails and Phoenix and what it was like to transition
• How the Phoenix ORM makes n+1 queries impossible
• Why background tasks are a lot easier in Elixir than in an ecosystem like PHP
• What other tools and technology power the Changelog platform
• How the Changelog Phoenix app is deployed

Sponsors:

• DigitalOcean, get your free $50 credit at do.co/fullstack
• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

• Building rapid UI with utility-first CSS, Adam's episode of JS Party
• Elixir
• Phoenix
• Chris McCord on The Changelog
• The Changelog source code
• Confident Ruby
• "Why we chose Turbolinks"
• Programming Phoenix book
• Elixir Forum
• Our Slack

Topics include:

• How Gatsby is more than just a static site generator
• How you create pages with Gatsby and how it's more powerful than traditional static site generators
• The benefits of having a unified data access layer for all of your content
• How to build dynamic applications with Gatsby
• Why Gatsby is actually faster than static HTML
• How Gatsby makes performance best practices easy
• Gatsby themes and why they are more exciting than traditional CMS themes

Sponsors:

• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
• DigitalOcean, get your free $50 credit at do.co/fullstack

Links:

• Gatsby
• GraphQL
• gatsby-image
• Reach Router
• The PRPL Pattern
• Jason 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 curve
• How to translate Vue's computed properties to React using the useMemo hook
• How to translate Vue's watchers to React using the useEffect hook
• How to translate Vue's v-model to React using value props and event listeners
• How to translate Vue's events to React using callback props
• How to translate Vue's slots to React by passing JSX as a normal prop
• How to handle transitions in React with libraries like Pose

Sponsors:

• DigitalOcean, get your free $100 credit at do.co/fullstack
• Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free

Links:

• Why I prefer React over Vue, from Sebastian's blog
• React docs
• Introducing Hooks at React Conf
• Hooks docs
• Vue Template Explorer
• Pose, animation library for React and Vue
• Overreacted.io, Dan Abramov's React blog