Meta lanserer StyleX for «CSS at scale»: – Finnes ikke noe bedre

Meta open sourcer verktøyet de bruker for å lage Facebook, Instagram og Whatsapp.

De ivrigste har kanskje fått det med seg allerede, men det var ikke før denne uka at Meta offisielt ga ut sitt siste open source-verktøy til utviklere: StyleX.

StyleX er et JavaScript-bibliotek for stiling i React, og det Meta selv bruker i alle komponenter på alle flater til alle produkter, inkludert Facebook, Instagram, Whatsapp og Threads.

– StyleX tar utvikleropplevelsen til CSS-in-JS-biblioteker og bruker compile-time-verktøy for å koble det sammen med ytelsen og skalerbarheten til statisk CSS. Likevel er ikke StyleX bare nok et kompileringsbasert CSS-in-JS-bibliotek: StyleX er nøye utformet for å møte kravene til store applikasjoner, gjenbrukbare komponentbiblioteker og statisk typede kodebaser, skryter Meta i en bloggpost.

"Finnes ikke bedre"

Som et kort eksempel på hvordan det fungerer i praksis, gir de blant annet denne kodesnutten:

import stylex from '@stylexjs/stylex';

const styles = stylex.create({
  root: {
    padding: 10,
  },
  element: {
    backgroundColor: 'red',
  },
});

const styleProps = stylex.apply(styles.root, styles.element);

– Etter min mening, som en som har bygd designsystemer for store selskaper tidligere, finnes det ikke noe bedre verktøy, som jeg har sett, enn StyleX, sier YouTube-en Jack Herrington, også kjent som Blue Collar Coder.

For å raskt se hvordan StyleX brukes i praksis, kan du ta en titt på guiden hans her:

Vis mer Vis mer