ReactJS em 1h - Componentes - Iniciantes
Вставка
- Опубліковано 11 лют 2025
- Conheça a pós-graduação Tech Developer 360 da Faculdade de Tecnologia Rocketseat: rseat.in/FTR
Repositório do vídeo
↪ github.com/may...
Cursos gratuito e comunidade de programação WEB para iniciantes
↪discover.maykb...
Github
↪ github.maykbri...
Outras redes
↪ maykbrito.dev
Queria que todos os professores da faculdade tivessem a mesma didática que vc, Maykao. Top demais!
obg pelo carinho mano! tmj
@@maykbrito esse vai ser meu primeiro projeto react e tô muito feliz que consegui entender tudo o vídeo e empolgado para continuar estudando.
Uma duvida: seria possível uma função construtora que recebesse os dados da ul e usar um loop de repetição pra ler esses dados, em vez de escrever a mão um por um? Eu lembro que na maratona Explorer do projeto JobsCalc os dados eram trazidos de um banco de dados.
Quero criar outras páginas para quando o usuário clicar na section, exibir algumas informações sobre o assunto. Como eu faço para manter o header e atualizar apenas os outros componentes?
@@RenanDuartes pra usar outras páginas com o React, você usa uma lib extra, a React Router DOM. Para pegar dados de algum banco, você poderá usar fetch ou axios, e usar a hook useEffect do React. Ela serve pra rodar um código JS assim que um componente é montado em tela. Ela também vai servir pra outras coisas, como por exemplo, executar um código sempre que algum determinado dado no componente mudar. Você faz isso tudo configurando os parâmetros dessa hook... Vale a pena estudar sobre essa hook e também, a hook useState, para guardar o estado da sua aplicação. São dois conceitos importantes: Estado e Ciclo de vida do componentes (montagem, desmontagem, apresentação na tela, atualização dele na tela, etc)
@@maykbrito aííí siim Maykao. Muito obrigado \o/
Penso o mesmo, tive uns professores muito ruins na faculdade, eu ia pra outra cidade estudar na aula sobre IA o professor passava filme 😅
Cara o processo desse video é muito legal. Voce começa sem entender porra nenhuma ja querendo desistir, depois entende um pedaço, depois se assusta pq o que ele ta fazendo é diferente da outra aula de react que vc fez... e logo depois ele faz de outra forma e fica igualzinho da outra aula e voce fica aliviado que ta de fato entendendo. kkkkk bom demais. O importante é NAO DESISTIR. A gente anda muito impaciente pra entender coisa nova, demoramos um tempao pra falar e agora queremos tudo pra ontem. Bom conteudo, to vendo uma segunda didatica pra fixar conhecimento e entender melhor certas coisas. Bom demais!
Me amarro na didática estilo "Entendeu ou quer que eu desenhe?" do Maykão! Super fácil de compreender.
Aqui um Desenvolvedor Antigão, iniciei em 1985. Parabéns Mayk!!! Excelente Aula, boa didática e bem descontraída para se aprender, vlw, obrigado!!!
Uma ótima introdução ao assunto!
Claro que há vários outros conceitos por trás, mas, pra quem ta tendo dificuldades ou nunca viu React, ajudou demais.
Ótimo vídeo!
Boaaa Erick.. obg pelo comentário mano 🤗
não tem vários conceitos não parça, tem uma grande quantidade de coisas que vc precisa no minimo conhecer para saber como pesquisar/ler documentação antes de ir para o react
e conceitos é o que, amigo?
Já tinha visto muita coisa de React, mas ninguém tinha explicado nessa forma, parabéns!
Mano??? didática de outro mundo, que brabooo!!!!🥷
Sua didática é maravilhosa, parabéns Maykao!
Valeu Matheus 🙏🏽
Essa abordagem de fazer a migração do html/css para React é muito maravilhosa. Abriu a minha mente!!! Parabéns Mayk!
cara que didática, muitas sacadas que realmente ajudam os iniciantes.
Mayk, você tem uma excelente didática, esse conteúdo é de primeira qualidade, parabéns!!! Gratidão sempre!
Mayk, seu carisma é d+ Brother!! Faça mutos videos aprendo muito com suas forma de ensinar!!
Mano que didática é essa!? Meu Deus, todo dia estarei aqui nesse canal agora... Like, comentário, inscrição e membro garantido!
queridão 😍
Maik, excelente aula, conteúdo abordado e didática! Muito obrigado pelo vídeo!
Incrível como eu me prendi na aula, se passou 1h e eu mal percebi, um bom professor consegue passar muito conteúdo de uma forma leve, parabéns Mayk e obrigado por esse conteúdo gratuito.
Que didática sensacional, parabéns!! Consegui entender perfeitamente 🙏
Se pudesse eu curtiria esse vídeo 10 vezes. Já estou aprendendo React há algumas semanas e essa foi a aula mais bem detalhada que eu encontrei. Muito obrigado.
Cara, que aulão! Sou dev iOS mas me aventuro no react as vezes pra apagar alguma fogueira no trampo. Decidi assistir ao video mesmo já codando react e deu pra relembrar e entender alguns conceitos que as vezes passa batido no dia a dia. TOP!
Que conteúdo magnífico! Muito obrigada, Mayk! Você simplificou de maneira incrível conceitos que eu antes pensava que seria muito difícil entender.
Que maravilhaaaa 🚀🚀
Que aula massa. Preciso ver algumas vezes e fazer junto ainda, mas já ajudou muuito
Incrível, Maykao. Sua didática e simpatia são incríveis, obrigado pela aula!
Excelente a aula!! Tá valendo a pena o perrengue que passei pra aprender javascript
Fala Mayke, cara muito obrigado pela disponibilidade, didática para nos ensinar, você é fera demais. Estou fazendo lá o guia estelar HTML (quase concluindo), já ansioso pelo do CSS. Essas aulas que você posta aqui no UA-cam faz mais. Muito obrigado novamente.
Tamo junto Marley!! Manda vê nos estudos aí ! Tamo junto 😍
poxa Myk vc e demais sempre exemplificando as coisas com sua metodologia de ver as coisas, to aprendendo muito com seu canal por favor nao pare de fazer videos assim sobre react node.js com sua didatica parabens.
Mano, eu tava me preparando pra dormir quando me deparo com essa notificação. É por simples curiosidade decidi assistir é posso dizer que entendi uns 80%. A melhor aula de React de todas. Super apoio trazer outros projetos da trilha explore com React.
Que massaaaa que curtiu irmão 😊💛😍
Você é muito bom explicando, Maykão! Parabéns
Obrigado pelo ótimo conteúdo Maykão !! Te vejo na turma 06 🚀
TMJ Matheuzaum! 🚀
@@maykbrito 🚀🚀
Caralho Maykão. Fiquei um tempo sem assistir os seus vídeos, e a sua didática (que já era boa) ficou melhor!
poooxaaaa que feedback LINDAO 😍 obg man!
MEU CARO MEUS PARABÉNS, VOCÊ MUDOU MINHA VISÃO SOBRE REACT, ME AJUDOU BASTATNTE.
Que conteudo Sensacional, de longe a melhor didatica de ReactJS para iniciantes que encontrei, já o acompanho na Trilha Discover da Rocktseat e pelas explorer que faz também, Parabens pela forma de ensino, eu já tinha jogado a toalha sobre este assunto, mais agora parace que a chave virou.
Tem pessoas que nasce com o dom da didática e essa pessoa e o Maykao
esse vídeo foi bem útil para mim. Estou aprendendo React e a primeira aula que me deparo é a sua. Explicou muito bem os conceitos. Claro que foi um pouco confuso para mim, por está tendo essa primeira impressão. Em resumo, foi um ótimo ponto de partida. Muito obrigado, professor!
Sempre que preciso dar o primeiro passo em novo um assunto, procuro um vídeo seu!
Didática incrível, um abraço Maykão.
TMJ irmão!!
Pena que não conheci seu canal antes, muito bom seu video!
Ganhou um inscrito jovem, meus parabéns, super fácil entender sua aula, mesmo quando o assunto complica um pouco. Continue assim, desejo sucesso!!!
Caraca que aula top irmão. Parabens didática ótima. Impossível nao entender
Onde clica para dar like duas vezes, que didática incrível amigo.
Cara, sua didática é absurdamente boa, perfeita!
Assisti esse seu vídeo inteiro de 1h direto, sem perder o foco ou atenção, assimilando absolutamente tudo o que vc ensinava, e cheguei até a assustar quando acabou o vídeo. É o que falam: quando o professor é bom, a gente nem vê o tempo passar.
Eu já SOFRI assistindo vídeos de 10min ou menos sobre JS aqui no UA-cam, parecia que o tempo não passava, eu simplesmente não conseguia manter atenção no vídeo.
Muito obrigado! Vou maratonar seu canal e seus cursos e recomendar para todos meus amigos que estão aprendendo JS.
Sensacional!
Que bacana ler suas palavras! Tamo junto!
Parabéns por todos os seus vídeos, sua didática é sensacional. A forma que vc se dedica em passar conhecimento ao próximo é muito honrosa. Parabéns mesmo e te admiro demais. 🙏
Eu amo a tua maneira de ensinar e confesso que você tem me ajudado bastante na minha caminhada.👏👏👏
Uma honra! Vamo pra cima🚀
Excelente explicação, didática maravilhosa!!
eu adoro a forma que o Mayk explica!! Sensacional, muito obrigada!
Melhor explicação que ouvi, vou assistir todos os videos rsrsrs
Show! Explica de forma simples e clara. Parabéns!
Aula mais tranquila que já ví, gostei demais 🚀🚀🚀
Uma certa feita o professor me disse assim: "Sempre que algo lhe servir, não custa nada você ir lá retornar e agradecer." Então estou voltando aqui para agradecer por este conteúdo top. Já apresentou o React de forma mas leve e mostrando a todos que A BASE irá fazer toda a diferença e que PULAR ETAPAS do processo de aprendizado você não rende muito os estudos. Obrigado mano pelo conteúdo aqui apresentado de uma maestria impecável.
Eu não sou de comentar muito nos vídeos mas não tem como, tua aula é magnífica! Sua didática, sua calma, a previsão de dúvidas ( que supostamente o aluno teria em questão de "Mas daria pra usar assim também" ou "Porque não está aparecendo?" ) é algo que me ajudou muito a entender a importância do React e principalmente de como um bom programador deve se comportar, visto que separar por componentes ajudará e muito na manutenção do código, agilizando o processo. Quero parabenizar pelo conteúdo que proporcionou a nós, que seu canal cresça imensamente!!
Uau! Obrigado pelas palavras! 😍
Você é magnífico, Maykão! Um abraço!
tmj bro! abração
Eita didática boa heim, se nao aprender com o Maykão , não aprende com mais ninguém.
Sua didática é absurdaaa, muito obrigado pela aula ❤
Sr. Mayk Brito, você é sensacional. Obrigado por tudo !
excelente didática, muito obrigado pelo conteúdo!!! 👋👋👋
Cara, que didática sensacional! Jesus abençoe sua vida Mayk!
aeee!! que bom que curtiu! obg pelo carinho
Nunca comento em videos, mas que aula ABSURDA! Sempre fiz tudo com JS puro, em uma hora consegui entender a vantagem de usar React, e o mais incrivel: Durante a aula fiquei aqui me coçando pra levantar do sofá e ir pro pc codar! Sua didatica é top irmao! Ganhou um inscrito! 👏
Que top manooo!!! Obg pelo carinho
Tmj Maikão obrigado pela aula.
Os fundamentos de Js estão bem consolidados, pois entendi a aula bem de boa, só essa parte de chamar um componente dentro do outro e passar os argumentos que foi estranho kkk buguei um pouquinho mais praticando, vai ficar tranquilo não é difícil.
obrigada Mayk Brito pela didática maravilhosa!!!
Muito bom, sua didática é incrível. +1 inscrito
Ai meu consagrado, deveria trazer um curso de ReactJS pra iniciantes é muito difícil aprender com o Diego o curso de ReactJS dele é pra quem está em outro nível.
heheh Vdd.. Diegão é mais avançado mesmo... Aaa.. não sei se você sabe, tem introdutório de ReactJS lá no Discover (link na descrição) e com a didática do Rodrigo Gonçalves. Talvez te ajude (enquanto eu ainda não tenho um curso completo de React pra iniciantes rsrs)
Verdade.!! Traz para nós curso iniciante.
A melhor aula de componentização da vida!
Excelente didática chefe! Parabéns.
Maykão simplesmente destravou minha mente no React HAHAHA
Boaaaa manoooo!!!!
Muito massa, Maykão! Tinha aprendido já esses tópicos, ent consegui entender molezinha. Abraço 🎉😊
cara tu fez parecer tao facil o props... valeu pela aula!
O melhor vídeo que já vi, com essa maneira de explicar fica tudo mais fácil, valeu Mayk, mais uma vez salvou o dia, tem que criar seu curso completo de React
grande Eder! obg mano 💛
Muito boom, clareza extrema na explicação!
Da gosto de assistir o Mayk ensinando sério mesmo!
oloco! tamo junto 💛
Tu tem uma didática muito boa mesmo parabéns e obrigado pelos vídeos!
Melhor professor!! E eu achando que era só mais um que queria vender cursos só pra ganhar dinheiro e mais nada.. mas eu me arrependo de ter pensado isso sobre você. Que conteúdo top que vc tem construído, parabéns!! Estou amando suas aulas.
Que mensagem linda 😍🙏🏽 obg por esse imenso carinho e reconhecimento!
sensacional, comprei um curso , não entendi e vim aqui, valeu mais apena
Muito bom o vídeo. Ótima didática!
Ameii muito!!! eu tinha muito medo de aprender React. Mais com Mayk tudo é leve
Muito Obrigada melhor professor do mundooooo🥰😍
Que vídeo maravilhoso! Muito obrigada
Maykao sempre abrindo minha mente 🤯
Excelente video Mayk. Uma boa forma de entender a transição. Seria bem legal um segundo video usando o mesmo projeto pra migrar a estilização dos componentes com styled components, por exemplo.
Que aula boa! Obrigado!
Ótima explicação! Top demais o vídeo. Subscribed and liked 🤝
que massa amigo, gratidão, bastante interessante, seria bom um exemplo com banco de dados mysql
Maik muito obrigada por essa aula.
Lembrando que não é possível usar um For of ou For Each pra fazer o loop na estrutura de dados e renderizar os componentes. Como o Mayk falou componentes são funções que retornam HTML, o For of e o For Each NÃO possuem retorno, logo não servem para retornar um HTML
é importante conhecer todas as hofs
Explica muito bem! Parabens!!!!
Que didática, excepcional cara!
Olá, Mayk. No minuto 34 da aula você deu um exemplo. Onde alimentou o componentes listItem direto do App. Nesse caso foi só por questões de conhecimento ou seria um exemplo de aplicação ideal?
Vi que você utilizou boas práticas de codificação e gostaria de saber se nesses casos é mais saudável deixar o componente com todas configurações ou alimentar os itens da forma que você fez.
Agradeço antecipadamente!
Fui equivocado! Respondeu durante a aula. 😊
Conteúdo incrível!
Sensacional essa aula! Eu deixei de ter aquela insegurança se eu estava pronto ou não para aprender React, estou estudando HTML, CSS e JS há uns 4 meses e vejo que a partir dos fundamentos que você, Maykão, passou nesse vídeo eu já vi todos, e me sinto agora preparado. 🤝✌
Tenho só uma dúvida: Como seria codar um projeto React no VSCode? Reformulando a pergunta, como eu faço para usar React no VSCode?
Você poderá usar normalmente, mas pra iniciar o ambiente, você pode dar uma olhada em iniciar o react com a ferramenta vite
@@maykbrito Tá certo, Mayk, vou dar uma olhada na documentação, ver uns vídeos. Logo, logo eu vou estar fazendo projetos com React. Simbora 🚀
o cara tem. dom para explicar!
Maykão e se quiséssemos implementar algum CMS ai?
Que conteúdo incrível 🚀💛
que bom que curtiu mel 💛
Sensacional! Esclarecedor! Parabéns!
Grande Mr Brito!
Grande JOEL 💛
Nem assisti mas já deixei o like.
Valeu primo! Você é fera
Maykao cria uma playlist do minimo de javascript ate o React, vai ajudar bastante a gente :D
Acabei de encontrar o melhor professor do youtube
Muito obrigado Maykão! Ajudou demais!
Mayk vai ter aula de nextjs aqui no youtube por você? gostaríamos muito
Top. Agradeço demais pela idéia desse ambiente online. Meu PC e antigo e não roda react.
Thank you, it helped but i had a little bit of problems. Good Tutorial
Obrigado irmão ❤
Isso que é didática de verdade! Parabéns!👍
Top como sempre! Valeu Maykão!
Não é desmerencendo os outros membros da rocket, mas o mike é o que tem a melhor didatica q ja vi
oloooco.. gratidão! tem gosto pra tudo kkkk
Muito bom! Obrigado!
O Melhor professor !!!!