No video
Desenvolvendo um Carrinho de Compras com React JS - Do zero ao Deploy | Aula 04
Рет қаралды 10,970
Күн бұрынRepositório do projeto no GitHub:
github.com/man...
Playlist completa: • Projeto Carrinho de Co...
Fala, pessoal!
Nesse vídeo vamos finalizar a implementação do nosso projeto! Vamos fazer a nossa barra de busca funcionar, poder abrir e fechar nosso menu do carrinho e adicionar e remover itens!
Vamos explorar a poderosa Context API do React para gerenciar o estado global do nosso aplicativo, garantindo que as informações sejam compartilhadas entre diferentes componentes.
Muito obrigado pra quem acompanhou até aqui. Em breve teremos mais projetos legais!
Nos vemos no deploy desse projeto :D
Abraço!
#reactjs #javascript #css
@geraldocoelho2392 4 ай бұрын
Conheci o canal a poucos dias, parece que voce, não posta a algum tempo. Espero que continue, porque tem vários canais, mas nenhum tem sua qualidade, didática e você nem imagina o quanto fica fácil aprender com sua explicação. Parabéns, espero ver mais vídeos no canal, quem sabe Next... Obrigado e boa sorte, que Deus te abençoe.
@WeSUMMERx Жыл бұрын
Acho que o vídeo sobre Context é sim necessário para que possamos dominar a ferramenta e entender o que estamos usando e qual a sua finalidade quando aplicada. Amo demais seus vídeos! Abraço! ❤
@davihassoncastro4421 Жыл бұрын
Uma otima explicação para um conteudo sempre incrivel! Só queria fazer um adendo nessa ultima parte, onde criamos um handleRemoveItems, e o mesmo deleta o item do ID especifico. Porém fazendo assim, irei deletar todos que tenham o mesmo ID, mesmo que eu queira deletar apenas 1
@ManualdoDev Жыл бұрын
Exato, Davi. É isso mesmo. Pra resolver isso, você pode remover pela posição do item no array. Também seria legal criar um contador, para quando a gente clicar em um mesmo produto várias vezes não adicionar o mesmo CartItem. Adicionar apenas uma vez e depois ir apenas incrementando a quantidade daquele produto.
@MrJukinha47 6 ай бұрын
@@ManualdoDev Obrigado pela dica, consegui fazer filtrando pelo índice!! top de mais o conteúdo!!
@sakamotoyorigami1997 3 ай бұрын
Conteúdo excelente. Além de eu ter aprendido muita coisa, conhecer teu canal foi muito bom. A sua forma de ensinar e os projetos diferenciados que você aborda no canal puxam bastante a atenção. Também adoraria a Aula de Context se possível kk
@rcfspa Жыл бұрын
video top. Faz sim um video sobre context fico no aguardo...
@denismoreira4026 Жыл бұрын
Projeto top! Faz o vídeo falando mais sobre o uso do Context, estamos no aguardo!
@murilloleoni9696 16 күн бұрын
Obrigado pelo conteúdo, ajudou demais no aprendizado!!
@TiagoRodrigues-nq4mo 6 ай бұрын
Muito boa didatica meu amigo! Obrigado, me ajudou bastante a estudar React
@eudermesalmeida6762 Жыл бұрын
Nossa, quando você faz parece tão fácil!! Fico me perguntando se algum dia irei chegar neste nível. Muito obrigado por disponibilizar a moeda mais valiosa do mundo: "seu tempo". Que Deus lhe abençoe!!!
@ManualdoDev Жыл бұрын
Confia no processo e continua que você consegue chegar sim! Eu já duvidei, já desisti, voltei e tentei de novo... Demorou um bom tempo para eu ter confiança de dizer que sou desenvolvedor... Hoje quero compartilhar com vocês tudo que eu queria tanto aprender e que parecia tão distante. Boa sorte na sua jornada!
@caiofabio13 8 ай бұрын
que sequencia de video top, parabens pela didatica.
@David_Brito_Developer 11 ай бұрын
o cara que faz esse conteudo, merece um nobel, pense num cara que passsa um conteudo top. pode ter certeza que voltarei bastante a esse canal
@canecaspersonalizadascriae211 11 ай бұрын
ficou muito massa esse projeto, muito obrigado por esse conteúdo, você tem uma ótima didática, merece muito sucesso, esse canal vai crescer muito ainda, ansioso pelos próximos conteúdos, abraços!
@denysmichael1538 Жыл бұрын
mais um projeto finalizado com sucesso e já to muito empolgado pro próximo!! To pensado até em juntar um dinheirinho pra comprar um curso seu no futuro
@xRamela 6 ай бұрын
Sensacional, muito obrigado pelo conhecimento.
@familiadosferreiras 7 ай бұрын
Sem palavras para te agradecer! Sensacional os vídeos, estou a uma semana estudando a playlist de vídeos analisando o conteúdo detalhadamente e o sentimento agora é de gratidão por todo o saber passado aos demais, obrigado.
@Hykarin Жыл бұрын
Didática de outro mundo sério, limpo, claro e simples de entender. Aprendo muito com seus vídeos e aguardo pelo de context, já ativei até as notificações. Todo o sucesso pra ti!! Abraçoss!!
@UpperWings Жыл бұрын
Obrigado, pela playlist excelente, sua didática é excelente e direto ao ponto. Um video sobre context é muito interessante, também acho que seria, um projeto que será precisa implementar login e autenticação.
@andrelucas5863 4 ай бұрын
Muito bom esse canal, didática excelente. Fiz esse projeto e o da task list, e aprendi muito com os dois. Parabéns pelo conteúdo
@fernandohenrique4721 Жыл бұрын
Quero parabenizar pelo ótimo conteúdo. Projeto super legal. Aprendi muito e de uma forma muito simples e bem explicada.
@0kira Жыл бұрын
ótimo vídeo e otimo!!! explicações claras e de qualidade. parabéns pelo conteúdo cara, fico ao aguardo de um proximo projeto!
@dener.criarbr 9 ай бұрын
Melhor canal de programação muito top seu conteudo, sua didatica faz as coisas ficarem simples, agora é praticar ainda mais com base nos teus conheciemntos
@carvalhohaz 9 ай бұрын
Ótima didática
@pedrofurtado8444 Жыл бұрын
me inscrevi por causa desse projeto... muito bom
@paatrickk17 Жыл бұрын
Que conteudo incrivel, que simplicidade para explicar, esse canal merece 300k de incritos até o fim do ano kk
@jamersonrodrigo6919 7 ай бұрын
Parabéns pelo conteudo! ficou excelente
@eirafz Жыл бұрын
didática excelente, aprendi demais! obrigada!
@ManualdoDev Жыл бұрын
Eu que agradeço o apoio, Rafaela! Valeu demais!
@matheusduarte261 Жыл бұрын
projeto ficou incrível! muito obrigado pela tua didática e disponibilizar seu tempo para nos ensinar. aprendi bastante!
@ManualdoDev Жыл бұрын
Valeu demais, Matheus! Tamo junto!
@edilsonjunior2328 Жыл бұрын
Projeto muito bacana! Bastante informações que foram muito úteis e aprendi vários conceitos, que, sinceramente desconhecia. Muito obrigado por compartilhar esse projetos conosco, vou fazer umas melhorias para aperfeiçoar meus conhecimentos :D
@ManualdoDev Жыл бұрын
Booa, Edilson! E obrigado pelo apoio! Tamo junto!
@edilsonjunior2328 Жыл бұрын
@@ManualdoDev obrigado à você pelo projeto fantástico! Para fechar com chave de ouro, poderia ter acrescentado um botão de "finalizar a compra" ao lado do valor. Já acrescentei no meu projeto e agora vou dar continuidade, colocando outras janelas ex: cadastro e login. Novamente obrigado pelo excelente conteúdo!
@samuelodebaran2570 Жыл бұрын
Muito bomm, vendo seus vídeos me dá inspiração para continuar os estudos, vê funcionando os projetos é muito bom
@marlonvianasouza6135 Жыл бұрын
Muito obrigado por tanta disponibilidade e dedicação com esse material.
@gustavoalexandre5489 11 ай бұрын
Que conteudo incível! Parabéns pela didatica e pelos videos, estamos no aguardo de cada vez mais. +1 Inscrito.
@arthurbicalho1023 9 ай бұрын
Aula espetacular simplesmente sensacional, nunca pare continue sempre cara
@sousalima 10 ай бұрын
Meu nobre, foi muito bem desenvolvido, super bem explicado! Continue!
@ManualdoDev 10 ай бұрын
Muito obrigado pelo apoio, amigo!
@marceloneris2282 Жыл бұрын
Parabéns pelas aulas, a didatica é muito boa.
@ferpw8313 Жыл бұрын
Obg por me ensinar em 1 semana o que eu estudei por 6 meses =]
@gabriel_benicio7 Жыл бұрын
Muito obrigado por esse projeto top, nem sou programador JS mas fiz questão de assistir!
@iago1451 Жыл бұрын
muito show, acabei de finalizar o projeto. Estou ansioso pelos próximos.
@facts.shorts.brasil 6 ай бұрын
Cara, passando só pra agradecer. Estava com dúvidas na utilização do context e me esclareceu muito . Vou refazer esse app usando o router , criando uma pagina para mais detalhes do produto e uma página para o carrinho. Se der certo volto aqui pra dizer se consegui
@matheusbrito1473 Жыл бұрын
Aprendo demais contigo, irmão!! Muito obrigado 🙏🏻
@ManualdoDev Жыл бұрын
Tamo junto, Matheus! Valeeu!
@MarcosAF9 Жыл бұрын
muito boa a explicação sobre o context, era o que eu estava precisando, obrigado
@esthersilva6952 10 ай бұрын
Mano voce esta me inspirando muuuuitooooooo
@jordanferreirae Жыл бұрын
Muito bom, esse canal merece 1 milhão de inscritos!
@machado_compositor Жыл бұрын
Parabéns pelo conteúdo e didática !! Aprendi muito !!
@wanderleycampos5381 Жыл бұрын
aula top demais mano. to no aguardo da aula de context ja.
@vandeilsonbatista7746 Жыл бұрын
Ansioso DMS pra assistir os próximos vídeos
@wender4016 Жыл бұрын
Incrível, ajudou muito mano! Continue assim, Deus te abençoe!
@pelosmeusolhos938 10 ай бұрын
excelente conteudo! inscrito!
@devwander Жыл бұрын
Conteúdo incrível como sempre! Ansioso demais pelo vídeo sobre Context 🤩
@DiegoSilva-dp8ue Жыл бұрын
Muito bom!
@denysmichael1538 Жыл бұрын
Aaaeee vídeo novo!! 🎉🎉
@nayara_s 6 ай бұрын
(1:05:32) Com o símbolo de não igual ≠ deu erro então usei !== e deu bom.
@nailson7526 Жыл бұрын
excelente didática, parabéns!
@caiofabio13 8 ай бұрын
faz aula ensinando sobre o useContext, sua didatica é muito boa mano
@lukz7848 Жыл бұрын
Eu compraria muito seu curso
@MegaMtnl Жыл бұрын
Foi maravilhosooooooooooooooooooooo Obrigada!!!!!! Vc é 1000!!!
@ManualdoDev Жыл бұрын
Eu que agradeço o apoio!! Valeu demais :D
@geraldocoelho2392 4 ай бұрын
Há e me inscrevi assim mesmo sem saber se teremos mais...
@0kira Жыл бұрын
aeee bora continuar o projeto!!
@DynasGame Жыл бұрын
Linda Aula, tá de parabéns!
@user-bq4vu2dg7d Жыл бұрын
muito top eu quero o video sim
@OluapOirevlis Жыл бұрын
Fiz todos os passos conforme os videos e meu host continua apresentando diversos erros na continuidade dos projetos em cada aba, há também uma diferença de informações entre os códigos no github e as informações mais atualizadas do video. No mais o projeto é ótimo e me auxiliou bastante apesar da página não exibir o site com as modificações.
@user-bq4vu2dg7d Жыл бұрын
muito bom
@carolfreitas7701 11 ай бұрын
Conteúdo sensacional!!!
@nicpeters3306 7 ай бұрын
Fazia tempo que eu não pegava um projeto que desse tanto tempo pra entender kkkkk, até os jogos que ele passou no js puro foi moleza pra mim, já esse me quebrou,mas continuo na busca até entrar na cabeça,kkk uma hora vai...
@andersonmotta9309 11 ай бұрын
muito bom!! Parabéns
@user-qk3bc5fl3s 9 ай бұрын
Muito obrigado por esse projeto incrivel cara, continue com os projetos de React puro assim eh muito melhor que essas escolas Rocketseat, Alura, OnebitCode serio sua didatica e os projetos sao incriveis
@ManualdoDev 9 ай бұрын
Eu que agradeço pelo apoio, amigo! Valeu demais! Tamo junto!
@guilhermedossantossouza Жыл бұрын
Minha solução para o valor total foi: const totalPrice = cartItems.reduce( (acc, item) => acc + item.price, 0 ) {formatcurrency(totalPrice, 'BRL')}
@guilhermedossantossouza Жыл бұрын
Ficou a mesma coisa do vídeo kkkk
@ManualdoDev Жыл бұрын
Aí simmm
@herbertduarte644 Жыл бұрын
Faz o vídeo sobre context por favor
@lucaslopeslima86 Жыл бұрын
Bom dia. Você tem cursos a venda? Gosto muito do seu conteúdo. Valeu!!
@Bruno_Rasq Жыл бұрын
tbm queria saber
@ManualdoDev Жыл бұрын
Ainda não, Lucas. Mas em breve teremos um curso completo de JavaScript e de React 🙌🏼
@rcfspa Жыл бұрын
@@ManualdoDev aí sim
@marceloneris2282 Жыл бұрын
Faz aula de Context heheh
@kaiohenrique9694 Жыл бұрын
Minha pasta CartItem.jsx está ficando na pasta a letra I maiuscula, mais quando abro ela aparece como minuscula, quando importo no Cart.jsx import CartItem from '../Cartitem/CartItem';
@bonekazz-8441 8 ай бұрын
finalmente entendi direito o que é um ContextProvider ksksk
@RafaelCarlos-ov5by 8 ай бұрын
Oi, faz o vídeo do useContext e do CreateContext por favor
@adjairaraujodelira1577 Жыл бұрын
Olá a todos! Prof, o Sr tem tutorial ou conhece algum sobre implementação de pagamento para finalização das compras do carrinho. Obg e parabéns pelo projeto.
@000matheusteixeira 9 ай бұрын
🎉
@Brenun Жыл бұрын
Ótima didática, só não estou conseguindo importar o prototypes 😅
@ManualdoDev Жыл бұрын
Proptypes em… Não prototypes As vezes ele completa errado heheh
@HenryPlaysTM 8 ай бұрын
cara quando vc puxa os produtos pro carrinho se tiverem produtos iguais ele vai remover todos com esse mesmo id , e não o que eu queria remover. to tentando remover pelo index mas não to conseguindo 😥😥😥😥😥😥😥😥
@radiopuntzpuntz9264 Жыл бұрын
no meu carrinho adiciono o mesmo produto varias vezes mas quando vou excluir apenas 1 ele exclui todos iguais alguem pode ajudar?
@peter8796 11 ай бұрын
alguem consegue me explicar o position relative e o position absolute?
@lucascarvalho1321 Жыл бұрын
Queria adicionar uma tela de login e cadastro, alguém sabe como?
@peter8796 11 ай бұрын
esse projeto é bom pra quem ta começando agora no react? pq tem hora que eu dou uma perdida e nao entendo nada
@venoshkbaby695 5 ай бұрын
Não achei o video sobre context aaaaaah
@socratesg.6466 9 ай бұрын
Projeto cheio de bug 🤦🤦🤦 No carrinho de comprar: Quando adiciona produtos iguais e você remove 1 automaticamente todos somem. No carrinho de comprar: Quando você coloca muitos produtos e começa a remover os produtos, do nada começa a adicionar mais produtos, ao invés de remover e do nada o botão para de funcionar No carrinho de comprar: Quando tem muitos produtos e você remove um produto, aparece um outro produto no lugar dele. É foda 🤦 Só consegui resolver o primeiro bug. Eu ia colocar no portifólio e nem posso mais
@diego01manaus 8 ай бұрын
ia colocar no teu portifólio um projeto que não é teu? kkkkk
@Gustavo-fd4st 6 ай бұрын
Aqui separ os devs que realmente resolvem alguma coisa e os que não conseguem resolver alguma coisa
@socratesg.6466 6 ай бұрын
@@Gustavo-fd4st Aqui separa o Dev iniciante. A empresa que colocar um estagiário para resolver problemas de NVL plena é complicado
@mizuky2499 5 ай бұрын
@@socratesg.6466 mas e justamente o que vai te tornar um pleno, parar de reclamar e ir resolver.
@GiovanaBarbosa-ve9zm 11 ай бұрын
Tava indo tudo tão bem, mas que aula confusa essa.
@nicpeters3306 7 ай бұрын
Tô até agora tentando entender essa jossa kk
@rcfspa Жыл бұрын
aproveitei e envolvi a img dos itens em um e peguei o atributo permalink para gerar os detalhes do item. É o correto a se fazer?
@mayconfuzita 6 ай бұрын
Parabéns pelo projeto!! Ajudando muito a entender muitos conceitos do React! consegui finalizar o código e rodar adicionando itens ao carrinho mas estou com um problema onde ao clicar no botão do carrinho ele nao abre a aba lateral. Testei em navegadores diferentes mas não resolveu Teoricamente está tudo igual: return ( setIsCartVisible(!isCartVisible) } > { cartItems.length > 0 && {cartItems.length} } );
@jcocev Жыл бұрын
Fala dev, vc tem insta mano??
Manual do Dev
Рет қаралды 10 М.
Dev. Aditya
Рет қаралды 121 М.
Manual do Dev
Рет қаралды 27 М.