Desenvolvendo um Carrinho de Compras com React JS - Do zero ao Deploy | Aula 02
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- 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
Nunca esperei tanto um vídeo 2 kkkk
Aulinha de display flex e grid ia ser massa demais
Projetinho show, didática ótima.
Me inscrevi nos seu canal!
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)
concordocom o cursinho de JS gostei muito da didatica dele
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
Ihhh verdade, amigo! Bem observado heheh
Cara eu gosto muito do jeito que você ensina, um dos melhores na criação de projetos que eu já vi.
finalmente um videozinhooo 🙏🏻
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
Muuuito top, valeu você!
aaee!!
muito obrigada por trazer esse conteúdo maravilhoso! ❤
Ótimo vídeo!
Faz um vídeo sobre display Flex e Grid, vai ser bom
finalmente, some nao lindao
Continua por favor, tá ficando muito bom!
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 !
Ja preciso da aula 3 😂😂😂
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.
Muito show,estou amando! Parabens
Top dms, mano....Adoro seguir seus tutorias para praticar! continue, abraços!
Seria legal vc criar playlists no canal com os projetos. Facita achar depois
Parabéns pelo conteúdo, ajudando muito
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
tem algum projeto planejado que vai usar angular ou C#, começei um estagio e to penando pra aprender essas 2 tecnologias kkk
acho uma boa vc fazer um vídeo explicando sobre o display flex, sua didática é ótima!
Esperando ansiosamente para a aula 03
As aulas estão muito boas professor, pena que demora um bocado pra sair, mas vale a pena aguardar
A próxima já tá sendo editada, Guilherme heheheh É difícil, mas vamos melhorar a frequência
muito bom voce tem cursinho de javaScript basico estou começando agora e tenho muita dificuldade
em breve vai sair um curso de javascript do zero, Rafael! Vai ser legal demais
@@ManualdoDev fica aguardando
Faz a aula sobre display flex e o grid!
Esse App em reactJS é possível colocar pra rodar em ambiente mobile?
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)
amigo, queria te pedir pra fazer um curso, por favor
Já está nos planos, amigo! Esse ano ainda sai! 🙌🏼
@@ManualdoDev da aquela avisada pra gnt, pra eu comprar
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'
tenta atualizar o import e salvar novamente.