Fabrício Oliveira

Desenvolvedor Front-end

Blog

Anotações sobre SolidJS

  • Para quem está familiarizado com React vai achar o código e o gerenciamento de estados muito parecidos.
  • No React, quando alguma área da interface é alterada, o Virtual DOM (VDOM) alterado é comparado com uma versão anterior e então atualiza o VDOM atual com as diferenças.
  • No SolidJS o equivalente ao useState se chama CreateSignal, também usa um array com 2 elementos (estado e função atualizadora do estado).
  • Funções Componentes são executadas uma única vez quando a aplicação é iniciada.
  • Quando o JSX é compilado, os locais com Signal são memorizados.
  • Quando o VDOM é atualizado, somente os locais Signal são afetados, sem comparação com versão anterior do VDOM e sem recompilar o componente.
  • SolidJS se torna mais rápido sem essa comparação: somente áreas reativas sofrem alterações e não o VDOM inteiro.
  • SolidStart é a alternativa ao NextJS e ao Remix para criar aplicações full stack com Rotas, SSG e SSR.
  • SolidJS pode parecer melhor, mas React ainda é amplamente usado no mercado e possui suporte de uma grande empresa (Meta), ainda conta com uma comunidade de desenvolvedores muito maior e muitas ofertas de emprego.
  • O conceito do Signal não é novo, outros frameworks como Astro e Svelte já usam o conceito conhecido como “ilhas interativas” ou “Arquitetura em Ilhas”:

Fontes e referências:

  1. Vídeo do Academind: Is SolidJS the better ReactJS?
  2. Astro Islands