eventloop / platicas

Propón una plática para Eventloop
77 stars 3 forks source link

@adeira/sx: atomic CSS-in-JS inspired by StyleX by Facebook #175

Closed mrtnzlml closed 2 years ago

mrtnzlml commented 3 years ago

Hello Eventloop! đź‘‹

Sumario

I'd like to introduce @adeira/sx which is currently being actively developed. @adeira/sx is an atomic CSS-in-JS solution inspired by StyleX (which is a closed-source project by Facebook) and React Native stylesheets. @adeira/sx is focused on feature-complete and easy to work with style solution for React applications with atomic CSS output. Let me show you what are we up to and hopefully inspire you to try something new, something out of the box.

Outline

  1. what is atomic CSS and why bother, goals of the project
  2. how does StyleX (and OSS version @adeira/sx) solve this problem
  3. @adeira/sx features a. styles precedence in SX vs. CSS b. pseudo CSS classes, @at rules (medias, keyframes) c. strict Flow types for every CSS property and value d. server-side rendering e. eslint rules for SX
  4. SX Tailwind and future plans
  5. call for action

Bio

name: Martin Zlámal
url: https://github.com/mrtnzlml
pic: https://avatars0.githubusercontent.com/u/978368
bio: "Fulltime open-source developer, previously at Kiwi.com and Pipedrive.com"

Cuándo

December, or anytime you have a free slot