-
Notifications
You must be signed in to change notification settings - Fork 1
PR de correção. Não precisa mergeear #8
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: correcao-projeto
Are you sure you want to change the base?
Conversation
Filtros em construção
Ajustando css do carrinho
acho que ta combinando
|
|
||
| const MainContainer = styled.div` | ||
| display: grid; | ||
| grid-template-columns: 1fr 3fr 1fr; | ||
| `; | ||
|
|
||
|
|
||
|
|
There was a problem hiding this comment.
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.
| 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", | ||
| }, |
There was a problem hiding this comment.
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!
| import Filter from "./components/Filter/Filter"; | ||
| import Carrinho from "./components/Carrinho/Carrinho"; | ||
| import GridProdutos from "./components/GridProdutos/GridProdutos"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Excelente componentização!
|
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! |
http://mello-labe-commerce11.surge.sh/