Construção de uma página de destino para uma equipe de profissionais experientes em turismo que fornecerá os melhores conselhos e dicas para o seu destino desejado conforme a proposta do Daily UI #03.
Durante esse projeto, eu tive a oportunidade de aprender diversos aspectos importantes. Alguns dos principais aprendizados que eu tive durante o desenvolvimento desse projeto incluem:
-
Estrutura de componentes reutilizáveis: Ao trabalhar com React puro, é necessário dividir a página de destino em componentes menores e reutilizáveis. Isso facilita a manutenção do código e permite que diferentes seções da página sejam atualizadas independentemente umas das outras.
-
Gerenciamento de estado: O React oferece recursos para gerenciar o estado do aplicativo de forma eficiente. Ao criar uma página de destino, pode ser necessário gerenciar o estado de elementos interativos, como formulários ou modais.
-
Renderização condicional: Uma página de destino pode conter diferentes seções ou elementos que precisam ser renderizados com base em certas condições. Aprendemos a utilizar as estruturas de controle do JavaScript, como o operador ternário ou o uso de declarações condicionais, para renderizar diferentes partes da página com base nas condições específicas.
-
Estilização: Ao criar uma página de destino, a estilização é uma parte crucial para fornecer uma experiência visual atraente. Com React puro, aprendemos a aplicar estilos aos componentes usando classes CSS, inline styles e bibliotecas de estilização como o Styled Components. Também aprendemos a utilizar a modularidade do CSS para evitar conflitos e manter um código organizado.
-
Durante o desenvolvimento, enfrentei alguns desafios no código, como a duplicação de cards, margens desiguais e problemas de alinhamento do título. No entanto, aprendi que a definição de identificadores únicos é essencial para evitar duplicações indesejadas. Além disso, ajustar cuidadosamente as margens garante um espaçamento uniforme entre os elementos. Aprendi também a utilizar propriedades CSS, como text-overflow, white-space e overflow, para lidar com o ajuste do título ao tamanho do card, evitando problemas de layout. Essas experiências me ajudaram a aprimorar minhas habilidades e compreender melhor a importância do planejamento cuidadoso e da resolução eficiente de problemas durante o desenvolvimento de código.
