Skip to main content
adicionou 130 caracteres ao conteúdo
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

Na verdadeDe fato não é a mesma coisa.

Quando você adiciona a prop jsx, o "compilador" (trata-se de um plugin do Babelplugin do Babel) reconhece que a biblioteca styled-jsx deve assumir a "estilização". A partir daí, o plugin do Babel realizará as devidas transformações no estilo, que não são feitas com o <style> "padrão" do HTML.

Veja esse comportamento no código-fonte do plugin – repare que nada acontece se elementos <style> não possuirem a propriedade jsx.

Quando a propriedade jsx não é fornecida, portanto, nada acontece. A tag <style> é renderizada normalmente como qualquer outro elemento do DOM. Naturalmente, os estilos são aplicados.

Veja nas ferramentas do desenvolvedor a diferença entre o <style jsx> e <style> após o "pré-processamento" – nulo neste último caso.

Na verdade não é a mesma coisa.

Quando você adiciona a prop jsx, o "compilador" (trata-se de um plugin do Babel) reconhece que a biblioteca styled-jsx deve assumir a "estilização". A partir daí, o plugin do Babel realizará as devidas transformações no estilo, que não são feitas com o <style> "padrão" do HTML.

Quando a propriedade jsx não é fornecida, portanto, nada acontece. A tag <style> é renderizada normalmente como qualquer outro elemento do DOM. Naturalmente, os estilos são aplicados.

Veja nas ferramentas do desenvolvedor a diferença entre o <style jsx> e <style> após o "pré-processamento" – nulo neste último caso.

De fato não é a mesma coisa.

Quando você adiciona a prop jsx, o "compilador" (trata-se de um plugin do Babel) reconhece que a biblioteca styled-jsx deve assumir a "estilização". A partir daí, o plugin do Babel realizará as devidas transformações no estilo, que não são feitas com o <style> "padrão" do HTML.

Veja esse comportamento no código-fonte do plugin – repare que nada acontece se elementos <style> não possuirem a propriedade jsx.

Quando a propriedade jsx não é fornecida, nada acontece. A tag <style> é renderizada normalmente como qualquer outro elemento do DOM. Naturalmente, os estilos são aplicados.

Veja nas ferramentas do desenvolvedor a diferença entre o <style jsx> e <style> após o "pré-processamento" – nulo neste último caso.

Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

Na verdade não é a mesma coisa.

Quando você adiciona a prop jsx, o "compilador" (trata-se de um plugin do Babel) reconhece que a biblioteca styled-jsx deve assumir a "estilização". A partir daí, o plugin do Babel realizará as devidas transformações no estilo, que não são feitas com o <style> "padrão" do HTML.

Quando a propriedade jsx não é fornecida, portanto, nada acontece. A tag <style> é renderizada normalmente como qualquer outro elemento do DOM. Naturalmente, os estilos são aplicados.

Veja nas ferramentas do desenvolvedor a diferença entre o <style jsx> e <style> após o "pré-processamento" – nulo neste último caso.