Moving on From Runtime Css-In-Js at Scale

Siddharth Kshetrapal

Theming Gatsby Apps with Theme UI

Pariss Athena

Styles and Theming with Restyle in React Native

Haris Mahmood

A thorough analysis of CSS-in-JS

Andrei Pfeiffer

Zero-runtime CSS-in-TypeScript with vanilla-extract

Mark Dalgleish

Rethinking CSS - Introducing Stylex

Naman Goel

Type-safe Styling for React Component Packages: Vanilla Extract CSS

Negar Jamalifard

Enhanced AST Static Analysis with Typescript Language Server

Artur Kenzhaev

React Advanced

React Advanced Conference 2023

Unlock the power of type-safe styling in React component packages with Vanilla Extract CSS. Learn how to effortlessly write scalable and maintainable styles, leveraging CSS-in-Typescript. Discover the seamless integration of Vanilla Extract CSS and take your React components to the next level.

TS Congress

TypeScript Congress 2023

Most of the ecosystem tools, like bundlers or transpilers, are based on AST. And Typescript provides one of the best Developer Experiences to work with the code base. This talk is about the experience of how beneficial it can be to use Type Hints and Typescript Language Server during the AST and static code analysis, based on the example of building a compile-time css-in-js library.

React Summit

React Summit 2023

In this talk, Siddharth shares the challenges his team faced with optimising runtime css in js (styled-components) for performance. At GitHub, there are about 4000 React components that contain styles, Siddharth dives into the reasons for rethinking styling architecture, the challenges faced and lessons learned by migrating a big application.

React Finland

React Finland 2021

CSS + superpowers - bloat. How Stylex creates a zero-cost abstraction that gives CSS superpowers.

Can we have themeable CSS-in-TypeScript without the runtime cost? In this talk we'll have a quick look at how this can be achieved with vanilla-extract. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

There are two mutually exclusive methods that CSS-in-JS libraries use to generate and ship styles to the browser. Both methods have benefits and downsides, so let’s analyze them in detail from the loading performance perspective. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React Summit Remote Edition

React Summit Remote Edition 2020

Haris is talking about the newly open-sourced library Restyle (<a href="https://github.com/Shopify/restyle">https://github.com/Shopify/restyle</a>); how it addresses many problems and pain points developers experience when managing evolving styles and theme support (gotta have dark mode!) in a React Native app.

React Summit 2020

There are many CSS-in-JS libraries for us to choose from. Imagine being able to take your favorite parts of those libraries and using them in one. Learn about the power of Theme UI. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#css-in-js