Recapitulação: Componentes
Parte da seção Fundamentos do Journey de React da Coddy — lição 15 de 42.
Desafio
FácilRecapitulação do capítulo: construa uma página a partir de dois componentes, usando tudo deste capítulo.
- Defina um componente
Header: um<h1>comid="title"e o textoCoddy Shop. Renderize-o primeiro dentro do<div>externo do App. - Defina um componente
Badgeque retorna<span>★</span>. - Dentro do
<div id="badges">existente, renderize o Badge duas vezes: uma definição, dois usos.
Experimente você mesmo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>Todas as lições de Fundamentos
1Conheça o React
O que é o React?Seu primeiro componenteRegra do elemento pai únicoJSX não é HTMLRecapitulação: Conheça o React2Expressões JSX
ChavesMatemática nas ChavesChaves em AtributosChamando Funções no JSXRecapitulação: Expressões JSX3Componentes
Blocos de ConstruçãoSeu Segundo ComponenteReutilize ComponentesComponha uma PáginaRecapitulação: Componentes