Curso de React para Completos Iniciantes [2024]

[@japedr1532]

o mundo precisa de mais professores como vc e o guanabara

[@GladsonReis]

O melhor curso que eu ja vi para iniciantes, você simplesmente mostrou pra turma, o caminho correto para se estudar. PARABENS !

[@sasukeblix]

curso muito bom, vc tem uma boa didática. Sobre o 1:18:00 acho que é [{id: 1}, {id:2}] -> deleta o 1 -> [{id: 2}] -> adiciona +1 (length = 1 + 1) -> [{id:2}, {id:2} ] onde que deve ter dado o conflito

[@lmdvlpr]

Eu nem preciso esperar o vídeo ser lançado pra saber que será de qualidade. O conteúdo do Felipe Rocha é sensacional!

[@dicasparadevs]

Muito obrigado, irmão! 🔥🙏🏻❤️

[@nicollasmatheus2368]

Aula excelente, muito obrigado!

[@GuilhermeDeveloper-d9z]

Conteúdo top irmão! além de ensinar React, ainda nos deu uma aula sobre Tailwind!

[@leticiabaungardt5853]

O melhor video de React para iniciantes que achei no you tube, muitoooo obrigada Felipe!!!!!

[@juelmapereira4277]

Mano, tu és o melhor. Conheço React, mas sempre venho ver suas aulas.

[@edmilsonalmeida5945]

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

[@dicasparadevs]

Fico muito feliz em ler uma mensagem como essa, irmão! Tamo junto!

[@Matheuscantanhede-k6g]

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

[@sergiosdosreis5174]

Primeira vez que começo a gostar da ideia de estudar React, parabéns!

[@wendryuslima1567]

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 🔥🔥

[@dicasparadevs]

Valeu demais, meu irmão! Você é um aluno fora de série. 🔥

[@rafaelmachado5894]

Excelente, cara! Parabéns pela iniciativa!

[@maxstos]

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!!!😀🙌

[@LucasBonner]

Obrigado cara, agradecer é o mínimo que eu posso fazer pelo conteúdo!

[@fabiofilho1957]

Um dos melhores cursos que já fiz. Parabéns pela sua didática cara!!

[@AriReboucasDev]

Só agradecer!!! Felipão, aprendo demais com vc!!! Obrigada!!!

[@vitechdev]

Muito bom mano, independente de quando for assistir vai usar sempre a mesma versao e nao vai ter problema com incompatibilidade! Excelente!

[@jaymisomrodrigoOficial]

Cara que conteúdo top, sensacional!!!

[@Kenji_snk]

Caindo de paráquedas hoje, 11/12. Obrigado por todo esse conteúdo.

[@f16cet]

Muito bom. Explicou muito coisa e no final deixou várias recomendações.

[@wesley8190]

video foda. ganhou um like e um inscrito. obrigado

[@donavionovela9800]

Obrigado, literalmente o melhor que ja achei !!

[@alyreinert]

Muito obrigado mesmo! Veio na melhor hora!!!

[@leticiamantovani408]

Cara, eu vi o video inteiro e foi sem enrolaçao, muito bom!! ganhou uma seguidora, valeu felipe

[@bagaceiragmod4061]

Excelente conteúdo Felipe, didática incrível. Obrigado ❤

[@Lilrusso2011]

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

[@dicasparadevs]

Boa sugestão, irmão! Abraços!

[@capivaraGamer1234-q1m]

só pela ajuda com a configuração do vscode, já mereceu o meu like, de resto, a minha inscrição

[@victorleanc]

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

[@VBR21]

Para mim continua não funcionando =/

[@marcio36ification]

muito top, sou backend, não gosto muito de front, mas o curso foi bem fluido, obrigado

[@ti-direto]

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

[@CarolinaZerbini]

estou maratonando seus vídeos!! Gostei dos conteúdos!!

[@Cleyson099]

Conteúdo aqui eu já dou o curtir antes mesmo de assistir porque é garantido que é de QUALIDADE

[@dicasparadevs]

Fico feliz demais com uma mensagem dessa, irmão! Vamos pra cima! 🔥

[@kaianvasconcelos1999]

Melhor professor, cara sensacional!

[@dicasparadevs]

Muito obrigado, meu querido!

[@JoaoVictor-tv7xj]

Que conteúdo sensacional!

[@murilo__barbosa]

Excelente conteudo como sempre professor!!

[@dicasparadevs]

Muito obrigado, irmão!

[@devciente]

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

[@Gfrael]

Boa didática amigo, parabéns, deixei meu joinha e estou te seguindo...

[@TesourosDaTradicao]

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

[@dicasparadevs]

Muito obrigado, irmão! E excelentes sugestões! 🔥

[@ellenmarin9218]

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 🎉

[@dicasparadevs]

Muito obrigado, Ellen!

[@RicardoAbril-n3u]

Cara sou Angolano Vc me ajudou com javascript e agora vou pegar o react continue ser fantastico Na sua didatica.

[@dicasparadevs]

Bons estudos, irmão! E muito obrigado!

[@Titovictoor]

Parabéns pelo conteúdo, poste mais sobre React!

[@dicasparadevs]

Muito obrigado, irmão! E postarei sim!

[@fernando1587java]

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

[@brunosallesdev]

Boa, Lek!

[@entoa6777]

Conteúdo muito bom, sua didática é incrível, teria como disponibilizar o notion mostrado no final?

[@clebersantos1957]

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

[@_bruno.benicio]

aaaaaaaaaaaaa c fez esse video. MUITO OBRIGADO LIPE!!!! ❤❤❤❤😍😍

[@dicasparadevs]

Tamo junto, Brunão!

[@guilhermebrandao2535]

Que video bom cara !

[@danielesouza7634]

Muito obrigada 🎉

[@AntonioGleisonPintoViana]

Muito bom seu conteúdo amigo parabéns

[@VBR21]

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

[@CarlosFogaça-g9h]

quando tu instalou o tailwind no projeto, tem que reiniciar - roda o npm run dev e abre novamente o servidor

[@skrzydlat21]

@@CarlosFogaça-g9h ja reiniciei e atualizei meu ubuntu e nada, estou cancando cura na internet mas nao esotu achando, acho que vou continnuar o curso com css 3 horas cancando a solucao dessa porra

[@GustavoCavalcante-v2c]

Traz um de React-Native, por favor.

[@GleristonCastro]

Usei esse seu material para revisar, muito obrigado. PS.: Fiz tudo em Typescript

[@WelkerFernandes]

conteudo bom, duas palavras para você para béns 👏👏👏👏 kk

[@reneperez5589]

Excelente conteúdo!

[@dicasparadevs]

Muito obrigado, irmão!

[@NorthernAlaska.]

Esse video serviu para que eu perceba que sou bem leigo viu kkk entendi quase nada, mas assistir ate o fim

[@dicasparadevs]

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.

[@guilhermefeitosa2714]

pode crê doidão

[@alyolaia4862]

Obrigado pelo conteúdo de valor que tem disponibilidado. Gostaria como faz esses sinais {=> , != , ==} aparecem de forma diferente?

[@bielmessa4210]

vlw mano, otimo video so achei que em alguns momentos vc nao falou sobre os sinais =>, ===, || , !=== , acho que é o tema que vc ta usando que alterou eles. Fica diferente aqui, mas funcionou perfeitamente. parabens e obrigado !

[@luishdev]

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

[@fabiodarcy3682]

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!

[@vieiramaicon]

Quando você faz o spread para passar todas as props, acaba passando o children também. Por que não dá problema isso?

[@cleytonaraujo2677]

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..

[@dicasparadevs]

Boooa!

[@rodolfovsouza]

Se eu quiser instalar a versão atualizada do VITE e do Tailwind, qual seria o passo a passo?

[@wandesonandrade968]

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?

[@gabrielbugarelli]

Rapaz tá pegando um bronze nervoso hein kkkk

[@tonynhampule8143]

Boa didática. Mas como faço para ter o copilot do git me ajudando com as sugestões das tarefas?

[@wandesonandrade968]

ele é pago, estou usando o codeium

[@antonyalbuquerque7736]

Vim la do Typescript, não entendi o fim do vídeo com react porque eu sou das cavernas. Só usava javascript bruto kkkkkkkk

[@lippesk8]

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 ...

[@wandesonandrade968]

opa, ainda precisa de ajuda ?

[@lippesk8]

@@wandesonandrade968 Ja consegui . . Obrigado

[@wandesonandrade968]

A vercel não conecta no github 😢😢

[@wandesonandrade968]

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?

[@JHON_AMORIM]

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.

[@ogralhaoficial]

Boaaa, precisei reiniciar o VITE mesmo!!

[@danilonilo982]

Ola vale apena aprender

[@dicasparadevs]

Com certeza! O React hoje é a tecnologia mais demanda no mercado front-end. 🔥

[@janisonmendes5514]

Meu npm não é reconhecido pelo vs socoro

[@jaymisomrodrigoOficial]

Meu tbm não, usa o bash mano

[@leandroscalercio]

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]); }

[@dicasparadevs]

@@leandroscalercio boa! Funciona também irmão

[@ruansilvaslv]

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. :)

[@ruansilvaslv]

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

[@williamandrade7806]

Terminei o meu. Ficou muito bom . Tem mais?

[@dicasparadevs]

Booooa, parabéns, irmão! E sim, teremos mais vídeos de React aqui no canal!

[@fernando68055]

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?

[@jonathasFiscina]

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

[@fernando68055]

@@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 .

[@viniciusxavier-vx]

@@fernando68055 conseguiu resolver?

[@victorleanc]

@@fernando68055 mesmo problema aqui

[@Gabriel_Imai_dev]

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?

[@CarlosFogaça-g9h]

tenta por assim @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities";

[@emmanuartmoz]

Boa tarde, tudo bem? Queria com este conteúdo ou linguagem react queria saber o que devo fazer ou criar ?

[@emmanuartmoz]

Gostei da Aulas

[@Sr.zangao]

Nice video

[@dicasparadevs]

Valeuuu!

[@gustavoh.flores3059]

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

[@dicasparadevs]

Quando você executa "npm run dev" ele te mostra o endereço no qual a sua aplicação está sendo executada. Normalmente, é "localhost:5173".

[@gustavoh.flores3059]

Belezura, valeu aí Felipe

[@tampa5892]

1:08:22 ta saindo da jaula kkkkkkkkkkkkkk

[@josuealves7929]

Show

[@dicasparadevs]

Tamo junto, irmão!

[@lucasds_1665]

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 😅

[@dicasparadevs]

Qual problema você está tendo, irmão?

[@jeffersonteodoro8421]

Tem ideias de projetos simples para praticar CRUD? (tô sem criatividade, ajuda ai pessoal :)

[@dicasparadevs]

No final do curso dou várias ideias!

[@preystation6870]

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...

[@TheUlrix]

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.

[@dicasparadevs]

Você está executando "npx create-vite@5.5.2"?

[@charlesmontilla]

Porq "misturar" javascript com HTML no React é "maravilhoso e incrível" e no PHP não é?

[@dicasparadevs]

São coisas totalmente diferentes.

[@joaovictorgadelha8116]

Mas não tá misturando. React se escreve em JSX que é algo diferente.

[@charlesmontilla]

@@dicasparadevs hum hum, sei ...

[@kelsilvatenorio534]

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

[@skrzydlat21]

CAMARADA kelsilvatenorio534? 🤨🤨de a ordem,UUUUURAAAA

[@alyreinert]

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" }

[@lippesk8]

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 é ?

[@yuque6279]

Está acontecendo o mesmo erro comigo quando coloco @tailwind base; @tailwind components; @tailwind utilities; no index.css

[@fullstacklegacydev8843]

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).

[@fullstacklegacydev8843]

@@yuque6279 testa o "npm run dev" tbm mano, pra reiniciar o servidor, eu resolvi assim

[@fullstacklegacydev8843]

tipo, roda esse comando novamente

[@lippesk8]

Eu acho que tinha comido bola na instalação do tailwind.. voltei e reinstalei . .e funcionou...