Fantanstico! Assisti o curso inteiro, consegui fazer todas as anotaçoes. Felipe, você é um ótimo mestre, fala com clareza e é muito objetivo! Obrigado por seu esforzo e dedicaçao! Ganhou um seguidor! Valeu!!!😀🙌
Cara, sua didática é surreal de boa. Você explicou cada coisa que o React faz e as bibliotecas que instalou. Tem vídeos por ai que deixam a gente na duvida pra que servem e você conseguiu deixar tudo claro. Incluindo alguns detalhes de hooks e arrow functions que antes eu quebrava a cabeça pra entender. kk
Você é foda meu amigo, conheci pelo instagram e to aqui aprendendo muito com o seu canal, só vou esperar receber para comprar o seu curso irmão, Deus te abençoe sempre
Parabens, Felipe. Acho que falta muito conteudo sobre WebSocket e de qualidade. Seria um prazer estar aprofundando meus conhecimentos com uma aula sua! Abraços
Excelente conteúdo, bem enxuto e esclarecedor. Na parte do check (caso a tarefa esteja concluida) eu só coloquei para alterar o background pra verde :D
eu estou estudando react porque o mercado gosta mais dele mas tem coisa que o react complica que o vue deixa mais fácil ,mas fora isso ótimo curso e didática impecável, parabéns
Gustavo esse Curso é muito bom, já assisti umas duas vezes😂 Venho te acompanhando desde a app ifood e você tem me ajudado imenso nessa trajetória de aprendizagem. Muito obgd 🎉
Bem explicado, eu tava procurando por algo de vue, mas muito dificil as explicações ou muito distante do que vejo das vagas. Eu pulei alguns passos que tenho que revisar como o js "moderno" mas ainda assim consigui acompanhar
Muita qualidade, parabéns! Ainda nesse projeto você poderia da continuidade e implementar o TS e o teste unitário com jest. Outra coisa que fiquei na dúvida foi referente rota privada, porque sem dúvidas algumas páginas só poderia ser acessada caso tiver algum tipo de autenticação. Mais pra falar a verdade uma explicação igual essa nunca vi. Top de mais
não estou conseguindo utilizar o tailwind para fazer a estilização nos componentes, mudei o content pelo mesmo que esta no video e não a alteração na cor do gerenciador de tarefas
Excelente conteúdo! Aprecio muito o seu trabalho e gostaria de deixar um feedback construtivo sobre este vídeo. Notei que, em algumas partes, as trocas de tela, arquivos ou blocos de código ocorrem de forma muito rápida, e em certos momentos, a velocidade da fala acaba dificultando o acompanhamento da explicação. Seria interessante revisar o ritmo e desacelerar um pouco para que a transmissão das ideias seja mais clara e acessível. Às vezes, parece que a empolgação faz com que você acelere, o que torna a compreensão um pouco desafiadora para nós, que estamos acompanhando. Isso faz com que precisemos voltar ao vídeo para entender melhor, o que demanda um esforço extra que talvez não fosse necessário com um ritmo mais cadenciado. Minha sugestão seria reduzir um pouco o ritmo das trocas de tela e da fala. Continue com o excelente trabalho! Tamo junto!
Fala meu mano, muito top o vídeo! Cara, próximo semestre eu começo a utilizar React Native para aplicação Mobile - Seria a mesma coisa que o framework do web? Eu desenvolvia em kotlin e no próximo ano iremos migrar para react, fiquei em dúvida se estudo para web ou procuro algo no mobile mesmo
se caso alguem estiver com problema de nao mudar nada quando estiver estilizando className, ao instalar apliçoes em seu projeto reinicie ele novamente para assim ter as auteraçoes feita se caso nao estiver aparecendo as auteraçoes como cor tamanho de fontes etc..
Pra quem está tendo problema na hora de usar os className, tente usar o content: ["./src/**/*.{js,ts,jsx,tsx,mdx}",] no arquivo tailwind.config.js Funcionou pra mim
na parte de button "voltar", quando fiz o onClick no lugar de navigate(-1) eu coloquei navigate("/"), deu certo. Tem algum problema e qual a diferença?
Alguem pode me dar um help .. nos 01:00:20 do video que risca quando clica .. como é a linha className={'bg-slate-400 text-left w-full text-white p-2 rounded-md ${task.isCompleted &&"line-through" }'} Não da pra ver direito no video . .e estou fazendo errado . .se alguem puder passar como é correto ...
Cara, eu gostei demais do seu video, eu estava apanhando pra aprender e vc me passou uma clareza. Eu gostaria de tirar uma dúvida, na div pai do arquivo App.jsx está com w-screen e h-screen, quando eu coloco mais de 10 tarefas, ele quebra a formatação. Aí eu coloquei o w-full e h-full e funcionou para mais de 10 tarefas, porém menos que isso ele removia o background da página. como forma de quebrar o galho eu coloque deste geito Porém ele ainda perde o bg da página mas quando chega a zero ele recupera. Ai queria ver se tem como me dar uma ajuda em como eu posso resolver isso sem perder a bg, porque desse jeito que fiz ainda perde, mas quebra o galho. :)
eu consegui resolver essa situação de outra forma, eu coloquei um max-h-96 e overflow-y-auto ai quando chega no max ele gera um scroll. Aí criei um arquivo css para tirar o visual do scroll e manter a rolagem
39:35 o meu da erro ao colar as @tailwind base; @tailwind components; @tailwind utilities; o erro é o seguinte: Unknown at rule @tailwind. aguém consegue me ajudar?
Preciso de ajuda. Fiz todas as configurações do tailwind mas o estilo aplicado ao não aparece no navegador, o "Gerador de Tarefas" continua na cor preta, não muda para vermelho como no vídeo. Já tentei arrumar isso de todas as formas que encontrei nas internet. Reinstalei tudo e ainda não funciona. Alguém passou pelo mesmo problema?
ve se vc tem esse arquivo na raiz dos eu projeto. postcss.config.js export default { plugins: { tailwindcss: {}, autoprefixer: {}, }, } Se não tiver, cria ele e roda npm run dev de novo
@@jonathasFiscina Opa, tudo certo? Conferi e esta exatamente da forma que você sinalizou, porém o erro ainda persiste. O "Gerenciador de tarefas" Não fica na cor vermelha .
Alguém teve problema ao instalar esta versão específica do vídeo do Vite? O NPM reclama que esta versão não existe! 16 error code ETARGET 17 error notarget No matching version found for create-vite@5.5.2.. 18 error notarget In most cases you or one of your dependencies are requesting 18 error notarget a package version that doesn't exist.
professor queria savber por que todo professor sempre quer ameticanizar tudo em vez de ensinar na nossa lingua portuguessa fala coisas como se fosse gringos nos temos que dar valor a nossa lingua portuguesa jota essi e xir tem ue se falar portugues e nao americanizado .............................nao to reclamando outros professores sempre tem essa mania pessoal a gente somo escravos de tecnologia americanas vamos criar e da valor ao nosso pais e idioma
VSCode acusa um erro no arquivo index.css ao importar @tailwind base; @tailwind components; @tailwind utilities; Resolvi esse problema adicionando um file.association, conforme descrito na página inicial da extenção: "files.associations": { "*.css": "tailwindcss" }
o meu voltou a funcionar depois que eu abri e fechei o terminal e inseri o comando "npm run dev" novamente, porque assim vai reiniciar o servidor local que está na sua máquina (no caso o localhost).
o mundo precisa de mais professores como vc e o guanabara
O melhor curso que eu ja vi para iniciantes, você simplesmente mostrou pra turma, o caminho correto para se estudar. PARABENS !
Eu nem preciso esperar o vídeo ser lançado pra saber que será de qualidade.
O conteúdo do Felipe Rocha é sensacional!
Muito obrigado, irmão! 🔥🙏🏻❤️
Fantanstico! Assisti o curso inteiro, consegui fazer todas as anotaçoes. Felipe, você é um ótimo mestre, fala com clareza e é muito objetivo! Obrigado por seu esforzo e dedicaçao! Ganhou um seguidor! Valeu!!!😀🙌
Cara, sua didática é surreal de boa. Você explicou cada coisa que o React faz e as bibliotecas que instalou. Tem vídeos por ai que deixam a gente na duvida pra que servem e você conseguiu deixar tudo claro. Incluindo alguns detalhes de hooks e arrow functions que antes eu quebrava a cabeça pra entender. kk
Fico muito feliz em ler uma mensagem como essa, irmão! Tamo junto!
Só agradecer!!!
Felipão, aprendo demais com vc!!!
Obrigada!!!
O melhor video de React para iniciantes que achei no you tube, muitoooo obrigada Felipe!!!!!
Cara, a qualidade é fora do normal, posso afirmar que não existe conteúdo a altura. Ah, e no full stack club tem bem mais galera 🔥🔥
Valeu demais, meu irmão! Você é um aluno fora de série. 🔥
Mano, tu és o melhor. Conheço React, mas sempre venho ver suas aulas.
Você é foda meu amigo, conheci pelo instagram e to aqui aprendendo muito com o seu canal, só vou esperar receber para comprar o seu curso irmão, Deus te abençoe sempre
Obrigado cara, agradecer é o mínimo que eu posso fazer pelo conteúdo!
Primeira vez que começo a gostar da ideia de estudar React, parabéns!
muito top, sou backend, não gosto muito de front, mas o curso foi bem fluido, obrigado
Muito bom. Explicou muito coisa e no final deixou várias recomendações.
Excelente, cara! Parabéns pela iniciativa!
Muito obrigado mesmo! Veio na melhor hora!!!
Um dos melhores cursos que já fiz. Parabéns pela sua didática cara!!
Excelente conteúdo Felipe, didática incrível. Obrigado ❤
Muito bom mano, independente de quando for assistir vai usar sempre a mesma versao e nao vai ter problema com incompatibilidade! Excelente!
Cara que conteúdo top, sensacional!!!
Parabens, Felipe. Acho que falta muito conteudo sobre WebSocket e de qualidade. Seria um prazer estar aprofundando meus conhecimentos com uma aula sua! Abraços
Boa sugestão, irmão! Abraços!
Obrigado, literalmente o melhor que ja achei !!
Cara, eu vi o video inteiro e foi sem enrolaçao, muito bom!! ganhou uma seguidora, valeu felipe
Caindo de paráquedas hoje, 11/12. Obrigado por todo esse conteúdo.
só pela ajuda com a configuração do vscode, já mereceu o meu like, de resto, a minha inscrição
estou maratonando seus vídeos!! Gostei dos conteúdos!!
Bom dia! assisti o vídeo ontem (todinho)e tive que voltar aqui para lhe parabenizar pelo conteúdo.
Like dado e comentário deixado.
Obrigado
Melhor professor, cara sensacional!
Muito obrigado, meu querido!
Excelente conteúdo, bem enxuto e esclarecedor. Na parte do check (caso a tarefa esteja concluida) eu só coloquei para alterar o background pra verde :D
Muito obrigada 🎉
eu estou estudando react porque o mercado gosta mais dele mas tem coisa que o react complica que o vue deixa mais fácil ,mas fora isso ótimo curso e didática impecável, parabéns
Gustavo esse Curso é muito bom, já assisti umas duas vezes😂 Venho te acompanhando desde a app ifood e você tem me ajudado imenso nessa trajetória de aprendizagem. Muito obgd 🎉
Muito obrigado, Ellen!
Excelente conteudo como sempre professor!!
Muito obrigado, irmão!
Conteúdo aqui eu já dou o curtir antes mesmo de assistir porque é garantido que é de QUALIDADE
Fico feliz demais com uma mensagem dessa, irmão! Vamos pra cima! 🔥
Boa didática amigo, parabéns, deixei meu joinha e estou te seguindo...
Que conteúdo sensacional!
Bem explicado, eu tava procurando por algo de vue, mas muito dificil as explicações ou muito distante do que vejo das vagas. Eu pulei alguns passos que tenho que revisar como o js "moderno" mas ainda assim consigui acompanhar
Boa, Lek!
Muita qualidade, parabéns! Ainda nesse projeto você poderia da continuidade e implementar o TS e o teste unitário com jest.
Outra coisa que fiquei na dúvida foi referente rota privada, porque sem dúvidas algumas páginas só poderia ser acessada caso tiver algum tipo de autenticação.
Mais pra falar a verdade uma explicação igual essa nunca vi. Top de mais
Muito obrigado, irmão! E excelentes sugestões! 🔥
Traz um de React-Native, por favor.
Conteúdo muito bom, sua didática é incrível, teria como disponibilizar o notion mostrado no final?
Parabéns pelo conteúdo, poste mais sobre React!
Muito obrigado, irmão! E postarei sim!
Muito bom seu conteúdo amigo parabéns
aaaaaaaaaaaaa c fez esse video. MUITO OBRIGADO LIPE!!!! ❤❤❤❤😍😍
Tamo junto, Brunão!
Que video bom cara !
pode crê doidão
Obrigado pelo conteúdo de valor que tem disponibilidado. Gostaria como faz esses sinais {=> , != , ==} aparecem de forma diferente?
Usei esse seu material para revisar, muito obrigado. PS.: Fiz tudo em Typescript
conteudo bom, duas palavras para você para béns 👏👏👏👏 kk
Esse video serviu para que eu perceba que sou bem leigo viu kkk entendi quase nada, mas assistir ate o fim
Fica tranquilo, irmão, não desista. Assista ao meu curso de JavaScript aqui no canal, pratique e depois assista esse aqui de React novamente.
Cara sou Angolano Vc me ajudou com javascript e agora vou pegar o react continue ser fantastico Na sua didatica.
Bons estudos, irmão! E muito obrigado!
não estou conseguindo utilizar o tailwind para fazer a estilização nos componentes, mudei o content pelo mesmo que esta no video e não a alteração na cor do gerenciador de tarefas
quando tu instalou o tailwind no projeto, tem que reiniciar - roda o npm run dev e abre novamente o servidor
Excelente conteúdo!
Muito obrigado, irmão!
Excelente conteúdo! Aprecio muito o seu trabalho e gostaria de deixar um feedback construtivo sobre este vídeo. Notei que, em algumas partes, as trocas de tela, arquivos ou blocos de código ocorrem de forma muito rápida, e em certos momentos, a velocidade da fala acaba dificultando o acompanhamento da explicação. Seria interessante revisar o ritmo e desacelerar um pouco para que a transmissão das ideias seja mais clara e acessível. Às vezes, parece que a empolgação faz com que você acelere, o que torna a compreensão um pouco desafiadora para nós, que estamos acompanhando. Isso faz com que precisemos voltar ao vídeo para entender melhor, o que demanda um esforço extra que talvez não fosse necessário com um ritmo mais cadenciado. Minha sugestão seria reduzir um pouco o ritmo das trocas de tela e da fala. Continue com o excelente trabalho! Tamo junto!
Quando você faz o spread para passar todas as props, acaba passando o children também. Por que não dá problema isso?
Fala meu mano, muito top o vídeo!
Cara, próximo semestre eu começo a utilizar React Native para aplicação Mobile - Seria a mesma coisa que o framework do web?
Eu desenvolvia em kotlin e no próximo ano iremos migrar para react, fiquei em dúvida se estudo para web ou procuro algo no mobile mesmo
se caso alguem estiver com problema de nao mudar nada quando estiver estilizando className, ao instalar apliçoes em seu projeto reinicie ele novamente para assim ter as auteraçoes feita se caso nao estiver aparecendo as auteraçoes como cor tamanho de fontes etc..
Boooa!
Se eu quiser instalar a versão atualizada do VITE e do Tailwind, qual seria o passo a passo?
Fazer fazer essa separação dos elementos que tem o mesmo className que vc fez no input e no h1, não é possível fazer com uma div?
A vercel não conecta no github 😢😢
Boa didática.
Mas como faço para ter o copilot do git me ajudando com as sugestões das tarefas?
ele é pago, estou usando o codeium
Pra quem está tendo problema na hora de usar os className, tente usar o content:
["./src/**/*.{js,ts,jsx,tsx,mdx}",] no arquivo tailwind.config.js
Funcionou pra mim
Para mim continua não funcionando =/
Ola vale apena aprender
Com certeza! O React hoje é a tecnologia mais demanda no mercado front-end. 🔥
na parte de button "voltar", quando fiz o onClick no lugar de navigate(-1) eu coloquei navigate("/"), deu certo. Tem algum problema e qual a diferença?
Meu npm não é reconhecido pelo vs socoro
Meu tbm não, usa o bash mano
Alguem pode me dar um help .. nos 01:00:20 do video que risca quando clica .. como é a linha
className={'bg-slate-400 text-left w-full text-white p-2 rounded-md ${task.isCompleted &&"line-through"
}'}
Não da pra ver direito no video . .e estou fazendo errado . .se alguem puder passar como é correto ...
opa, ainda precisa de ajuda ?
@@wandesonandrade968 Ja consegui . . Obrigado
Cara, eu gostei demais do seu video, eu estava apanhando pra aprender e vc me passou uma clareza.
Eu gostaria de tirar uma dúvida, na div pai do arquivo App.jsx está com w-screen e h-screen, quando eu coloco mais de 10 tarefas, ele quebra a formatação. Aí eu coloquei o w-full e h-full e funcionou para mais de 10 tarefas, porém menos que isso ele removia o background da página.
como forma de quebrar o galho eu coloque deste geito
Porém ele ainda perde o bg da página mas quando chega a zero ele recupera. Ai queria ver se tem como me dar uma ajuda em como eu posso resolver isso sem perder a bg, porque desse jeito que fiz ainda perde, mas quebra o galho. :)
eu consegui resolver essa situação de outra forma, eu coloquei um max-h-96 e overflow-y-auto ai quando chega no max ele gera um scroll. Aí criei um arquivo css para tirar o visual do scroll e manter a rolagem
39:35 o meu da erro ao colar as @tailwind base;
@tailwind components;
@tailwind utilities;
o erro é o seguinte: Unknown at rule @tailwind. aguém consegue me ajudar?
tenta por assim
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
Terminei o meu. Ficou muito bom . Tem mais?
Booooa, parabéns, irmão! E sim, teremos mais vídeos de React aqui no canal!
Lembrando se o Tailwind não funcionar mesmo realizando os passos dele é só reinciar o servidor, parar o npm run dev, e iniciar ele novamente.
Boaaa, precisei reiniciar o VITE mesmo!!
Rapaz tá pegando um bronze nervoso hein kkkk
Bom dia turma, caso nao queiram instalar um lib pra gerar id, podemos usar a propria lib Math, ficando assim :
function onAddTaskSubmit(title, description) {
const newTask = {
id: tasks.length + Math.floor(Math.random() * 1000),
title,
description,
isCompleted: false,
};
setTasks([...tasks, newTask]);
}
@@leandroscalercio boa! Funciona também irmão
Boa tarde, tudo bem?
Queria com este conteúdo ou linguagem react queria saber o que devo fazer ou criar ?
Gostei da Aulas
Preciso de ajuda. Fiz todas as configurações do tailwind mas o estilo aplicado ao não aparece no navegador, o "Gerador de Tarefas" continua na cor preta, não muda para vermelho como no vídeo. Já tentei arrumar isso de todas as formas que encontrei nas internet. Reinstalei tudo e ainda não funciona. Alguém passou pelo mesmo problema?
ve se vc tem esse arquivo na raiz dos eu projeto.
postcss.config.js
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
Se não tiver, cria ele e roda npm run dev de novo
@@jonathasFiscina Opa, tudo certo? Conferi e esta exatamente da forma que você sinalizou, porém o erro ainda persiste. O "Gerenciador de tarefas" Não fica na cor vermelha .
@@fernando68055 conseguiu resolver?
@@fernando68055 mesmo problema aqui
Alguém teve problema ao instalar esta versão específica do vídeo do Vite? O NPM reclama que esta versão não existe!
16 error code ETARGET
17 error notarget No matching version found for create-vite@5.5.2..
18 error notarget In most cases you or one of your dependencies are requesting
18 error notarget a package version that doesn't exist.
Você está executando "npx create-vite@5.5.2"?
Felipe, como faço para abrir de novo a minha página do projeto react ao ser fechada, pq num html por exemplo, abro peleo live server
Quando você executa "npm run dev" ele te mostra o endereço no qual a sua aplicação está sendo executada. Normalmente, é "localhost:5173".
Belezura, valeu aí Felipe
Show
Tamo junto, irmão!
1:08:22 ta saindo da jaula kkkkkkkkkkkkkk
Nice video
Valeuuu!
Alguém com o problema do package.json? Se alguém tiver poder me dar uma força já fiz uma pá de coisa e nada 😅
Qual problema você está tendo, irmão?
Tem ideias de projetos simples para praticar CRUD? (tô sem criatividade, ajuda ai pessoal :)
No final do curso dou várias ideias!
O Native não é o React e o electron não é o React...
node.. node... senão o povo vai achar que react é tudo isso...
Porq "misturar" javascript com HTML no React é "maravilhoso e incrível" e no PHP não é?
São coisas totalmente diferentes.
Mas não tá misturando. React se escreve em JSX que é algo diferente.
@@dicasparadevs hum hum, sei ...
professor queria savber por que todo professor sempre quer ameticanizar tudo em vez de ensinar na nossa lingua portuguessa fala coisas como se fosse gringos nos temos que dar valor a nossa lingua portuguesa jota essi e xir tem ue se falar portugues e nao americanizado .............................nao to reclamando outros professores sempre tem essa mania pessoal a gente somo escravos de tecnologia americanas vamos criar e da valor ao nosso pais e idioma
VSCode acusa um erro no arquivo index.css ao importar @tailwind base; @tailwind components; @tailwind utilities; Resolvi esse problema adicionando um file.association, conforme descrito na página inicial da extenção: "files.associations": {
"*.css": "tailwindcss"
}
Estou assistindo curso .. muito boa didática .. Logo no inicio quando apaga o index.css e coloca @tailwind base;
@tailwind components;
@tailwind utilities;
Acusa um erro Unknown at rule @tailwind
[{
"resource": "/c:/Estudo/React/Curso/src/index.css",
"owner": "_generated_diagnostic_collection_name_#7",
"code": "unknownAtRules",
"severity": 4,
"message": "Unknown at rule @tailwind",
"source": "css",
"startLineNumber": 1,
"startColumn": 1,
"endLineNumber": 1,
"endColumn": 10
}]
Alguem sabe o que é ?
Está acontecendo o mesmo erro comigo quando coloco
@tailwind base;
@tailwind components;
@tailwind utilities;
no index.css
o meu voltou a funcionar depois que eu abri e fechei o terminal e inseri o comando "npm run dev" novamente, porque assim vai reiniciar o servidor local que está na sua máquina (no caso o localhost).
@@yuque6279 testa o "npm run dev" tbm mano, pra reiniciar o servidor, eu resolvi assim
tipo, roda esse comando novamente
Eu acho que tinha comido bola na instalação do tailwind.. voltei e reinstalei . .e funcionou...