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.

Enhanced AST Static Analysis with Typescript Language Server

Artur Kenzhaev

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.

Moving on From Runtime Css-In-Js at Scale

Siddharth Kshetrapal

React Finland

React Finland 2021

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

Rethinking CSS - Introducing Stylex

Naman Goel

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>

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

Mark Dalgleish

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>

A thorough analysis of CSS-in-JS

Andrei Pfeiffer

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.

Styles and Theming with Restyle in React Native

Haris Mahmood

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