Using Stitches CSS in JS to Improve on Tailwind CSS

May 18, 2020, 4 a.m. (2 years, 6 months ago)
0 Comments

On this episode, we talk to Christian Alfoni & Fabrice Weinberg about their brand new Tailwind CSS inspired CSS in JS baby, Stitches!

Christian & Fabrice talk about the advantages that CSS in JS offers, allowing you to get automatic Critical CSS, have narrowly scoped styles, and skip the Purge CSS step found in more traditional approaches.

We discuss how they decided to abandon their Classy UI project in favor of Stitches, and how this new TypeScript-driven approach to design system tokens allows them to deliver the developer experience in spades.

Login to Add New Comment
No comments have been posted yet, be the first one to comment.
Similar Podcasts
Tailwind CSS utility-first CSS with Adam Wathan Tailwind CSS utility-first CSS with Adam Wathan
We have Tailwind CSS author Adam Wathan on to discuss utility-first CSS, and why it’s a viable alternative to using semantic classes or BEM naming conventions. If you’ve heard of utility-first CSS but think it’s a misguided idea, or have only a vague idea of what utility CSS or atomic CSS is, this i...
Spelunking into the VueJS Frontend JavaScript Framework Spelunking into the VueJS Frontend JavaScript Framework
On this episode, we talk with special guest Adam Wathan about the VueJS JavaScript framework. We talk about what VueJS is, and how its Laissez-faire approach lets you pick and choose how much of it makes sense to use in a project. We go into why using a framework like VueJS can help you write bette...
JAMstack development, carpe JavaScript! JAMstack development, carpe JavaScript!
On this episode, we’re joined by Paulo Elias from IDEO to discuss JAMstack: Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. Paulo talks about his journey from doing traditional LAMP/LEMP stack work to building things using JavaScript as the h...
CSS & CMS Musings with Eric Meyer CSS & CMS Musings with Eric Meyer
On this episode we have on the CSS legend Eric Meyer to talk about the early days of CSS, and how it almost died, and also onto where CSS is today. We discuss utility-first CSS, CSS in JavaScript, and talk about the Flexbox and the awesomeness that is CSS Grid. We then also talk about the move of E...
@pika/web brings 2014 simplicity to 2019 JavaScript @pika/web brings 2014 simplicity to 2019 JavaScript
In this episode, we talk with Fred K. Schott from the Pika Project about a future without webpack. Instead of having a massive build system just to use some node packages on the frontend, we can use @pika/web! @pika/web aims to tame some of the insanity that has come with modern JavaScript tooling....
Similar Tutorials
Enable & Write Cron Jobs for Strapi
Enable & Write Cron Jobs for Strapi
A cron job is a useful utility that can be found in any unix-like operating system. It can be used to schedule time-based commands without human intervention. With Strapi, we can use cron jobs to import data or run application tasks automatically. To write cron jobs in Strapi is super...
How to Install Deno on macOS
How to Install Deno on macOS
Deno is a simple, modern and secure runtime for JavaScript and TypeScript, by the creator of Node.js himself, Ryan Dahl. Deno uses the Chrome v8 engine and is built with Rust. The project just reach version 1.0 and got many people in the JavaScript community interested. In this tutori...
Install & Configure Tailwind CSS and Standalone CLI for your Project
Install & Configure Tailwind CSS and Standalone CLI for your Project
Tailwind CSS is a fantastic CSS utility framework that strikes a great balance between sound naming convention and artistic freedom. It allows you to rapidly prototype user interfaces for the web while also manage and ship fully customizable CSS to production. Previously, the only w...