No video

Desenvolvendo um Carrinho de Compras com React JS - Do zero ao Deploy | Aula 02

  Рет қаралды 11,776

Manual do Dev

Manual do Dev

Жыл бұрын

Repositório do projeto no GitHub:
github.com/man...
Aula 03: • Desenvolvendo um Carri...
Fala, pessoal!
Nesse vídeo vamos criar e estilizar os nossos primeiros componentes React!
Fique ligado nos próximos vídeos, onde continuaremos a desenvolver nosso carrinho de compras com React JS e, ao final, faremos o deploy do projeto para que possamos mostrar ao mundo o nosso trabalho!
#reactjs #javascript

Пікірлер: 40
@felipematos7301
@felipematos7301 Жыл бұрын
Projetinho show, didática ótima. Me inscrevi nos seu canal!
@t41gr0n9
@t41gr0n9 Жыл бұрын
Cara eu gosto muito do jeito que você ensina, um dos melhores na criação de projetos que eu já vi.
@lincenarra
@lincenarra Жыл бұрын
Nunca esperei tanto um vídeo 2 kkkk
@jusce_
@jusce_ Жыл бұрын
Aulinha de display flex e grid ia ser massa demais
@WellMelo
@WellMelo Жыл бұрын
Show!! Estou recriando todos os projetos, estou aprendendo demais! Sempre que possível, continue com os conteúdos, top demais! Abraço! (FAZ UM CURSO DE JSSSSSSSSS KKKKK)
@raphaelcicone
@raphaelcicone Жыл бұрын
concordocom o cursinho de JS gostei muito da didatica dele
@UpperWings
@UpperWings Жыл бұрын
Ótimo vídeo!
@dulii4238
@dulii4238 Жыл бұрын
Conteúdo de ótima qualidade, você poderia trazer um vídeo de CSS, assim como você fez o de html, ainda tenho umas duvidas sobre elemento pai e filho, flexbox, o básico, excelente aula
@Antonio-nn2kq
@Antonio-nn2kq 11 ай бұрын
Aulas muito boas! Faz mais projetos como esse envolvendo backend e frontend por favor! Umas aulas sobre Flex, grid e position será ótimo também.
@mavick.
@mavick. Жыл бұрын
aaee!! muito obrigada por trazer esse conteúdo maravilhoso! ❤
@gleidisonfox
@gleidisonfox Жыл бұрын
Muito show,estou amando! Parabens
@dayadiaz327
@dayadiaz327 Жыл бұрын
Continua por favor, tá ficando muito bom!
@ecyofe
@ecyofe Жыл бұрын
Top dms, mano....Adoro seguir seus tutorias para praticar! continue, abraços!
@lincenarra
@lincenarra Жыл бұрын
Ja preciso da aula 3 😂😂😂
@nathanciriaco10
@nathanciriaco10 Жыл бұрын
finalmente um videozinhooo 🙏🏻
@xRamela
@xRamela 6 ай бұрын
Muuuito top, valeu você!
@rodrigo.costa199
@rodrigo.costa199 11 ай бұрын
Cara que massa o teu vídeo, muito obrigado por compartilhar teu conhecimento com a galera fazendo um projeto real que com certeza agregará muito no portfolio de quem esta iniciando " como eu rsrs" , pesquisando no youtube foi difícil achar videos que ensinassem projetos react que um dev faria no dia a dia, sem ser calculadora, todolist entre outros. Projetos reais agregam no portfolio e fazem total diferença na seleção para uma vaga, fica a dica para mais videos assim 😄, um grande abraço e fica com Deus !
@umcarecameiootaku487
@umcarecameiootaku487 Жыл бұрын
cara, vc cometeu um errinho no arquivo SearchBar.css, na linha 18, vc colocou font-weight:500px , mas n pode ter o px. Conteúdo show demais, aguardando mais
@ManualdoDev
@ManualdoDev Жыл бұрын
Ihhh verdade, amigo! Bem observado heheh
@hugo-garcia
@hugo-garcia Жыл бұрын
Seria legal vc criar playlists no canal com os projetos. Facita achar depois
@dayadiaz327
@dayadiaz327 Жыл бұрын
Faz um vídeo sobre display Flex e Grid, vai ser bom
@betinskpc1357
@betinskpc1357 7 ай бұрын
Parabéns pelo conteúdo, ajudando muito
@davihassoncastro4421
@davihassoncastro4421 Жыл бұрын
Esperando ansiosamente para a aula 03
@gabyaquino8709
@gabyaquino8709 5 ай бұрын
Cara eu amo os seus videos!! Aprendo muito e de forma descontraida! Eu to precisando aprender React com style-component, voce tem a pretenção de fazer um projeto com react e style-component? eu ia amar
@favanzzo
@favanzzo Жыл бұрын
finalmente, some nao lindao
@denysmichael1538
@denysmichael1538 Жыл бұрын
acho uma boa vc fazer um vídeo explicando sobre o display flex, sua didática é ótima!
@pkgmhr
@pkgmhr Жыл бұрын
As aulas estão muito boas professor, pena que demora um bocado pra sair, mas vale a pena aguardar
@ManualdoDev
@ManualdoDev Жыл бұрын
A próxima já tá sendo editada, Guilherme heheheh É difícil, mas vamos melhorar a frequência
@otis4480
@otis4480 Жыл бұрын
tem algum projeto planejado que vai usar angular ou C#, começei um estagio e to penando pra aprender essas 2 tecnologias kkk
@denismoreira4026
@denismoreira4026 Жыл бұрын
Faz a aula sobre display flex e o grid!
@raphaelcicone
@raphaelcicone Жыл бұрын
muito bom voce tem cursinho de javaScript basico estou começando agora e tenho muita dificuldade
@ManualdoDev
@ManualdoDev Жыл бұрын
em breve vai sair um curso de javascript do zero, Rafael! Vai ser legal demais
@raphaelcicone
@raphaelcicone Жыл бұрын
@@ManualdoDev fica aguardando
@OluapOirevlis
@OluapOirevlis Жыл бұрын
Boa noite, estou seguindo seu passo a passo mas meu projeto continua apresentando o seguinte erro: Compiled with problems: × ERROR in ./src/App.jsx 6:0-54 Module not found: Error: Can't resolve './components/Products/Products' in 'C: eactnew\src' ERROR in ./src/App.jsx 7:0-42 Module not found: Error: Can't resolve './context/Provider' in 'C: eactnew\src' ERROR in ./src/App.jsx 8:0-42 Module not found: Error: Can't resolve './components/Cart/Cart' in 'C: eactnew\src' ERROR in ./src/components/Header/Header.jsx Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C: eactnew\src\components\Header\Header.jsx: Unterminated string constant. (2:22) 1 | import React from 'react'; > 2 | import SearchBar from '../SearchBar/SearchBar"; | ^ 3 | 4 | import './Header.css'; 5 | // The file extension should be lowercase at instantiate (C: eactnew ode_modules\@babel\parser\lib\index.js:63:32) at constructor (C: eactnew ode_modules\@babel\parser\lib\index.js:358:12) at FlowParserMixin.raise (C: eactnew ode_modules\@babel\parser\lib\index.js:3255:19) at Object.unterminated (C: eactnew ode_modules\@babel\parser\lib\index.js:2258:20) at readStringContents (C: eactnew ode_modules\@babel\parser\lib\index.js:1996:16) at FlowParserMixin.readString (C: eactnew ode_modules\@babel\parser\lib\index.js:3141:9) at FlowParserMixin.getTokenFromCode (C: eactnew ode_modules\@babel\parser\lib\index.js:2869:14) at FlowParserMixin.getTokenFromCode (C: eactnew ode_modules\@babel\parser\lib\index.js:7007:11) at FlowParserMixin.getTokenFromCode (C: eactnew ode_modules\@babel\parser\lib\index.js:5416:13) at FlowParserMixin.nextToken (C: eactnew ode_modules\@babel\parser\lib\index.js:2379:10) at FlowParserMixin.next (C: eactnew ode_modules\@babel\parser\lib\index.js:2290:10) at FlowParserMixin.eatContextual (C: eactnew ode_modules\@babel\parser\lib\index.js:3592:12) at FlowParserMixin.expectContextual (C: eactnew ode_modules\@babel\parser\lib\index.js:3598:15) at FlowParserMixin.parseImportSpecifiersAndAfter (C: eactnew ode_modules\@babel\parser\lib\index.js:14122:10) at FlowParserMixin.parseImport (C: eactnew ode_modules\@babel\parser\lib\index.js:14114:17) at FlowParserMixin.parseStatementContent (C: eactnew ode_modules\@babel\parser\lib\index.js:12706:27) at FlowParserMixin.parseStatementLike (C: eactnew ode_modules\@babel\parser\lib\index.js:12584:17) at FlowParserMixin.parseStatementLike (C: eactnew ode_modules\@babel\parser\lib\index.js:5130:24) at FlowParserMixin.parseModuleItem (C: eactnew ode_modules\@babel\parser\lib\index.js:12561:17) at FlowParserMixin.parseBlockOrModuleBlockBody (C: eactnew ode_modules\@babel\parser\lib\index.js:13185:36) at FlowParserMixin.parseBlockBody (C: eactnew ode_modules\@babel\parser\lib\index.js:13178:10) at FlowParserMixin.parseProgram (C: eactnew ode_modules\@babel\parser\lib\index.js:12460:10) at FlowParserMixin.parseTopLevel (C: eactnew ode_modules\@babel\parser\lib\index.js:12450:25) at FlowParserMixin.parseTopLevel (C: eactnew ode_modules\@babel\parser\lib\index.js:5935:28) at FlowParserMixin.parse (C: eactnew ode_modules\@babel\parser\lib\index.js:14345:10) at parse (C: eactnew ode_modules\@babel\parser\lib\index.js:14386:38) at parser (C: eactnew ode_modules\@babel\core\lib\parser\index.js:41:34) at parser.next () at normalizeFile (C: eactnew ode_modules\@babel\core\lib\transformation ormalize-file.js:64:38) at normalizeFile.next () at run (C: eactnew ode_modules\@babel\core\lib\transformation\index.js:21:50) at run.next () at transform (C: eactnew ode_modules\@babel\core\lib\transform.js:22:41) at transform.next () at step (C: eactnew ode_modules\gensync\index.js:261:32) at C: eactnew ode_modules\gensync\index.js:273:13 at async.call.result.err.err (C: eactnew ode_modules\gensync\index.js:223:11) at C: eactnew ode_modules\gensync\index.js:189:28 at C: eactnew ode_modules\@babel\core\lib\gensync-utils\async.js:68:7 at C: eactnew ode_modules\gensync\index.js:113:33 at step (C: eactnew ode_modules\gensync\index.js:287:14) at C: eactnew ode_modules\gensync\index.js:273:13 at async.call.result.err.err (C: eactnew ode_modules\gensync\index.js:223:11) ERROR [eslint] src\components\Header\Header.jsx Line 2:22: Parsing error: Unterminated string constant. (2:22)
@fabianopireslirio3385
@fabianopireslirio3385 10 ай бұрын
Esse App em reactJS é possível colocar pra rodar em ambiente mobile?
@UniversoFascinante21
@UniversoFascinante21 Жыл бұрын
amigo, queria te pedir pra fazer um curso, por favor
@ManualdoDev
@ManualdoDev Жыл бұрын
Já está nos planos, amigo! Esse ano ainda sai! 🙌🏼
@UniversoFascinante21
@UniversoFascinante21 Жыл бұрын
@@ManualdoDev da aquela avisada pra gnt, pra eu comprar
@OluapOirevlis
@OluapOirevlis Жыл бұрын
Um dos erros eu entendi, eram as aspas nas strings, agora restam 4 erros e eu não consigo visualizar meu processo: seguem as descrições: Compiled with problems: × ERROR in ./src/App.jsx 6:0-54 Module not found: Error: Can't resolve './components/Products/Products' in 'C: eactnew\src' ERROR in ./src/App.jsx 7:0-42 Module not found: Error: Can't resolve './context/Provider' in 'C: eactnew\src' ERROR in ./src/App.jsx 8:0-42 Module not found: Error: Can't resolve './components/Cart/Cart' in 'C: eactnew\src' ERROR in ./src/components/Header/Header.jsx 5:0-53 Module not found: Error: Can't resolve 'reactnew/SearchBar/SearchBar' in 'C: eactnew\src\components\Header'
@eujadsonsantos
@eujadsonsantos 11 ай бұрын
tenta atualizar o import e salvar novamente.
Como criar um portfólio com HTML e CSS iniciante
24:45
Danilo paixão
Рет қаралды 43 М.
No empty
00:35
Mamasoboliha
Рет қаралды 12 МЛН
Son ❤️ #shorts by Leisi Show
00:41
Leisi Show
Рет қаралды 10 МЛН
Кадр сыртындағы қызықтар | Келінжан
00:16
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 26 МЛН
Carrinho de Compras Simplificado com React e useState
31:55
Rafael Fischer - Dev & Design
Рет қаралды 4,1 М.
4 Tips To Succeed As A Self Taught Developer
11:08
Web Dev Simplified
Рет қаралды 30 М.
My 11 Step Software Building Process
14:12
Gino
Рет қаралды 10 М.
ContextAPI do React/Next: entendendo de uma vez - carrinho de compras de ecommerce
17:26
Rafael Fischer - Dev & Design
Рет қаралды 10 М.
DESAFIO REACT.js do CARRINHO DE COMPRAS #6 - Consegue?
1:11:22
fernandev
Рет қаралды 14 М.
Context API in react | get the concept
29:00
Hitesh Choudhary
Рет қаралды 51 М.
Quadro de Tarefas - Arrasta e Solta com JavaScript (Drag and Drop)
37:25
PROJETO de React JS para INICIANTES - Faça uma To Do List do zero!
1:02:44
Matheus Battisti - Hora de Codar
Рет қаралды 69 М.
No empty
00:35
Mamasoboliha
Рет қаралды 12 МЛН