CSS-in-JS

Llibraries que t'ajuden a integrar CSS a codi JavaScript.

Classificacions

Exporta
SatisfaccióS
InterèsI
ÚsÚ
ConsciènciaC

Classificacions de les proporcions de satisfacció, interès, ús i consciència.

2019202020192020Styled ComponentsJSSStyled JSXRadiumEmotionCSS ModulesStyled ComponentsJSSStyled JSXRadiumEmotionCSS ModulesStyled SystemStitchesStyletronFelaLinariaAstroturf85%82%59%58%67%68%27%18%87%80%86%87%80%69%41%40%64%57%

No s'inclouen les tecnologies amb menys del 10% de consciència. Cada proporció es defineix de la següent manera:

  • Satisfacció: ho tornaria a usar / (ho tornaria a usar + no ho tornaria a usar)
  • Interès: en vull aprendre / (en vull aprendre + no m'interessa)
  • Ús: (ho tornaria a usar + no ho tornaria a usar) / total
  • Consciència: (total - mai n'he sentit a parlar) / total

Experiència al llarg del temps

Exporta
Percentatges%
QuantitatΣ

Visió general de les opinions sobre les tecnologies enquestades al llarg del temps.

No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona
2019202020192020

Styled Components

2019202020192020

JSS

2019202020192020

Styled JSX

2019202020192020

Radium

2019202020192020

Emotion

2019202020192020

CSS Modules

No s'hi inclouen les tecnologies amb dades de fa només un any.

Divisió positiva/negativa

Exporta

Aquest gràfic divideix experiències positives ("vull aprendre'n", "ho tornaria a utilitzar") vs negatives ("sense interès", "no ho tornaria a utilitzar") a banda i banda d'un eix central.

El gruix de la barra representa el nombre de persones que han respòs que coneixen una tecnologia.

No ho usariaNo m'interessaHo tornaria a usarM'interessaConsciència60%40%20%0%20%40%60%80%60%40%20%0%20%40%60%80%CSS ModulesStyled ComponentsStyled SystemEmotionStyled JSXLinariaStitchesJSSAstroturfStyletronFelaRadium

Styled Components
Percentatge completat: 80.5% (9255)
Percentatge completat: 80.5% (9255)

Exporta
Percentatges%
QuantitatΣ

2019

12.7% 12.7% 33.7% 33.7% 26.7% 26.7% 21% 21%

2020

9.3% 9.3% 13.6% 13.6% 42.3% 42.3% 20.5% 20.5% 14.3% 14.3%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

JSS
Percentatge completat: 80.6% (9267)
Percentatge completat: 80.6% (9267)

Exporta
Percentatges%
QuantitatΣ

2019

15% 15% 9.1% 9.1% 69.1% 69.1%

2020

20.8% 20.8% 8.3% 8.3% 12.2% 12.2% 52.6% 52.6%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Styled JSX
Percentatge completat: 80.8% (9282)
Percentatge completat: 80.8% (9282)

Exporta
Percentatges%
QuantitatΣ

2019

17% 17% 9.2% 9.2% 13.6% 13.6% 55.7% 55.7%

2020

8.4% 8.4% 21.2% 21.2% 18% 18% 14.6% 14.6% 37.8% 37.8%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Radium
Percentatge completat: 80.6% (9264)
Percentatge completat: 80.6% (9264)

Exporta
Percentatges%
QuantitatΣ

2019

11.3% 11.3% 82.2% 82.2%

2020

11.9% 11.9% 81.3% 81.3%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Emotion
Percentatge completat: 80.8% (9281)
Percentatge completat: 80.8% (9281)

Exporta
Percentatges%
QuantitatΣ

2019

8.5% 8.5% 11% 11% 72.9% 72.9%

2020

12.7% 12.7% 12.8% 12.8% 13.5% 13.5% 57.6% 57.6%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

CSS Modules
Percentatge completat: 80.9% (9293)
Percentatge completat: 80.9% (9293)

Exporta
Percentatges%
QuantitatΣ

2019

7.8% 7.8% 21.3% 21.3% 30.6% 30.6% 36.7% 36.7%

2020

9.1% 9.1% 31.4% 31.4% 27.4% 27.4% 27.4% 27.4%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Styled System
Percentatge completat: 80.6% (9268)
Percentatge completat: 80.6% (9268)

Exporta
Percentatges%
QuantitatΣ

2020

8% 8% 78.5% 78.5%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona
Hem demanat a membres de la comunitat CSS que comparteixin la seva "selecció de l'any"

La meva selecció de 2020: Fela

Fela is an amazing piece of software. It’s pretty powerful, relatively easy to use and very performant

Hem demanat a membres de la comunitat CSS que comparteixin la seva "selecció de l'any"

Hugo “Kitty” Giraudel

Defensor de l'accessibilitat i la diversitat no binaris

Stitches
Percentatge completat: 80.7% (9270)
Percentatge completat: 80.7% (9270)

Exporta
Percentatges%
QuantitatΣ

2020

91.9% 91.9%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Styletron
Percentatge completat: 80.8% (9281)
Percentatge completat: 80.8% (9281)

Exporta
Percentatges%
QuantitatΣ

2020

93.2% 93.2%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Fela
Percentatge completat: 80.8% (9284)
Percentatge completat: 80.8% (9284)

Exporta
Percentatges%
QuantitatΣ

2020

94.2% 94.2%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Linaria
Percentatge completat: 80.7% (9277)
Percentatge completat: 80.7% (9277)

Exporta
Percentatges%
QuantitatΣ

2020

92.2% 92.2%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Astroturf
Percentatge completat: 80.7% (9271)
Percentatge completat: 80.7% (9271)

Exporta
Percentatges%
QuantitatΣ

2020

93.7% 93.7%
No ho usaria
No m'interessa
Ho tornaria a usar
M'interessa
No em sona

Altres eines
Percentatge completat: 0.7% (84)
Percentatge completat: 0.7% (84)

Exporta
Percentatges%
QuantitatΣ

Altres eines d'aquesta categoria (resposta lliure).

0.05.01015200.05.0101520Nombre d'usuarisCSS-in-JSCSS-in-JSVue.jsVue.jsTheme UITheme UI121314

Satisfacció general

Exporta
Percentatges%
QuantitatΣ

En una escala d'entre u (cap satisfacció) i cinc (satisfacció total), quina és la satisfacció amb l'estat general de la categoria actual?

0%10%20%30%40%50%Percentatge d'usuarisMolta insatisfaccióInsatisfaccióNeutralSatisfaccióMolta satisfaccióSatisfacció0%10%20%30%40%50%4.7%4.7%10%10%50.5%50.5%26.7%26.7%8%8%

Recursos recomanats

Intermediate React, v2

You’ll learn hooks in-depth, CSS-in-JS with emotion, increase performance with code splitting and server-side rendering, and more.
Gràcies als nostres socis per donar-nos suport! Més informació.
« Anterior: Metodologies CSSSegüent: Altres eines »
Gràfics creats amb Nivo. Allotjat per Netlify.
Tens preguntes? Has trobat un error? Obre'ns una incidència. Uneix-te a Discord.
Prem option/alt per habilitar el mode de traducció.