Componentes
Componentes
Componente nada mais do que um bloco de código reutilizável e independente. Nessa aula, criamos o nosso primeiro componente Card
Estrutura de um componente:
📁 Components
📁 Card
index.jsx
import "./styles.css"; export function Card() { return ( <div className="card"> <strong>João Inácio</strong> <small>10:15:24</small> </div> ); }
styles.css
.card { height: 100%; width: 50%; background: #735bf2; color: #fff; border-radius: 10px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; padding: 24px; } .card strong { font-size: 18px; }
Resultado:
Links úteis
Discord
O grupo é um dos pilares do nosso método e impulsiona tanto o desenvolvimento de habilidades técnicas e comportamentais, quanto a carreira através de conexões profissionais.
Plataforma
Nossa plataforma de aprendizado contínuo reúne todos os nossos programas completos e é a casa dos eventos gratuitos da Rocketseat.