O Curso Prático de Solid JS

Construindo Aplicativos Web Reativos e Performáticos com SolidJS

Classificação: 3.9 de 5 (4 avaliações) Duração total: 11 horas Número de aulas: 58 Nível: Intermediário

Sobre o Curso

SolidJS é um framework reativo para aplicativos web que oferece uma alternativa performática ao React JS. Enquanto o React é amplamente conhecido e utilizado, otimizar o desempenho pode ser desafiador em projetos maiores com interações complexas e componentes aninhados. Isso ocorre porque o React usa um DOM virtual que precisa ser renderizado e sincronizado com o DOM do navegador. Compreender os mecanismos por trás desse processo e otimizá-lo pode ser demorado e difícil. SolidJS adota uma abordagem semelhante ao React e até usa JSX como sua linguagem de descrição de interface do usuário. No entanto, ele elimina a necessidade de um DOM virtual e realiza atualizações diretamente no DOM do navegador. Essas atualizações são direcionadas e granulares, afetando apenas os elementos que são verdadeiramente afetados por uma alteração de estado. Essa abordagem reduz a sobrecarga e torna mais fácil de entender em comparação com a mágica do DOM virtual do React. O resultado é um desempenho aprimorado e um código mais simples. Neste curso, demonstrarei como criar e otimizar aplicativos web usando o SolidJS por meio de três aplicações práticas. Abordaremos os componentes de um aplicativo SolidJS passo a passo, começando pela criação de componentes, uso de JSX e sinais/armazenamentos para gerenciar o estado, até o acesso e controle dos elementos do DOM. Ao final do curso, os participantes serão capazes de criar aplicativos simples a moderadamente complexos com o SolidJS. Se você já tem experiência com o React, terá uma vantagem de tempo, pois alguns conceitos são semelhantes. No entanto, os participantes sem conhecimento em React também serão orientados e apresentados aos mecanismos do SolidJS.

O que você aprenderá

- Desenvolver aplicativos com SolidJS - Usar JSX no SolidJS - Gerenciar o estado no SolidJS (sinais, armazenamentos) - Acessar e controlar elementos do DOM