Skip to content

Conversation

@pedro-severo
Copy link

Comment on lines +58 to +65

const MainContainer = styled.div`
display: grid;
grid-template-columns: 1fr 3fr 1fr;
`;



Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pro código do componente não ficar tão grande, vcs podem isolar suas constantes do styled-componente em um arquivo separado, chamado styled.js, fazer toda a configuração CSS lá e apenas importar as constantes pro arquivo do componente.

Comment on lines +7 to +19
const produtos = [
{
id: 1,
nome: "produto 1",
valor: 10,
imgUrl: "https://picsum.photos/200/200?a=1",
},
{
id: 2,
nome: "produto 2",
valor: 20,
imgUrl: "https://picsum.photos/200/200?a=2",
},
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Boooa! Excelente prática isolar o array do estado fora do componente!

Comment on lines +3 to +5
import Filter from "./components/Filter/Filter";
import Carrinho from "./components/Carrinho/Carrinho";
import GridProdutos from "./components/GridProdutos/GridProdutos";
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excelente componentização!

@pedro-severo
Copy link
Author

Querida(o)s, fiz alguns comentários ao longo do código... deem uma olhada.

Além disso, o Darvas disponibilizou ontem (02 de junho) o gabarito do exercício em vídeo (thinking in react). Deem uma olhada lá também.

Vcs estão de parabéns pela entrega!! Continuem assim!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants