CSS in JS: My favorite

Опубликовано: 16 Октябрь 2024
на канале: Harry Wolff
15,327
406

Today's the stunning conclusion to our 3 part voyage into the land of CSS and web applications.

Today we're talking about CSS in JS! What is it? Where did it come from? What can you do with it?

First half of the episode gives you a background into the history of CSS-in-JS and how it changed over time.

Second half of the episode is a live demo of migrating from CSS Modules to CSS-in-JS.

Have a watch!

Part 2, CSS Modules:    • CSS Modules: Why are they great?  

Part 1, Intro:    • Voyage into CSS Part 1: BEM, OOCSS, S...  


Show links:

React: CSS in JS - Speaker Deck
https://speakerdeck.com/vjeux/react-c...

Style · React Native
https://facebook.github.io/react-nati...

tuchk4/awesome-css-in-js: Awesome CSS in JS articles / tutorials / videos / benchmarks / comparision
https://github.com/tuchk4/awesome-css...

JSS
https://cssinjs.org/?v=v10.0.0

threepointone/glamor: inline css for react et al
https://github.com/threepointone/glamor

styled-components
https://www.styled-components.com/

polished | Documentation
https://polished.js.org/docs/#rgba

callstack/linaria: Zero-runtime CSS in JS library
https://github.com/callstack/linaria

Single File Components — Vue.js
https://vuejs.org/v2/guide/single-fil...

Emotion - Introduction
https://emotion.sh/docs/introduction

——

PATREON:   / hswolff  

TWITTER:   / hswolff  

SITE: https://hswolff.com/

NEWSLETTER: https://tinyletter.com/hswolff/subscribe