@@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)
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!
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.
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.
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!!
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!
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!
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
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 RUclips, 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!
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 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.
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.
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.
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. 🙏
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 RUclips faz mais. Muito obrigado novamente.
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! 👏
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)
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
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.
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.
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
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!
![Faça seu portfólio do ZERO [React + TS + deploy] 🔥Tutorial🔥](/img/1.gif)
Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/3xHY1tCZY
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 😅
Me amarro na didática estilo "Entendeu ou quer que eu desenhe?" do Maykão! Super fácil de compreender.
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!
Já tinha visto muita coisa de React, mas ninguém tinha explicado nessa forma, parabéns!
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.
Mano??? didática de outro mundo, que brabooo!!!!🥷
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!!!
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!
Essa abordagem de fazer a migração do html/css para React é muito maravilhosa. Abriu a minha mente!!! Parabéns Mayk!
Mano que didática é essa!? Meu Deus, todo dia estarei aqui nesse canal agora... Like, comentário, inscrição e membro garantido!
queridão 😍
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.
Excelente a aula!! Tá valendo a pena o perrengue que passei pra aprender javascript
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! 😍
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!
Caraca que aula top irmão. Parabens didática ótima. Impossível nao entender
Mayk, seu carisma é d+ Brother!! Faça mutos videos aprendo muito com suas forma de ensinar!!
Eita didática boa heim, se nao aprender com o Maykão , não aprende com mais ninguém.
Que aula massa. Preciso ver algumas vezes e fazer junto ainda, mas já ajudou muuito
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?
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 RUclips, 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!
Excelente didática chefe! Parabéns.
Maik, excelente aula, conteúdo abordado e didática! Muito obrigado pelo vídeo!
Obrigado pelo ótimo conteúdo Maykão !! Te vejo na turma 06 🚀
TMJ Matheuzaum! 🚀
@@maykbrito 🚀🚀
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!!
Sua didática é maravilhosa, parabéns Maykao!
Valeu Matheus 🙏🏽
Que didática sensacional, parabéns!! Consegui entender perfeitamente 🙏
Melhor explicação que ouvi, vou assistir todos os videos rsrsrs
Eu amo a tua maneira de ensinar e confesso que você tem me ajudado bastante na minha caminhada.👏👏👏
Uma honra! Vamo pra cima🚀
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.
Ganhou um inscrito jovem, meus parabéns, super fácil entender sua aula, mesmo quando o assunto complica um pouco. Continue assim, desejo sucesso!!!
Incrível, Maykao. Sua didática e simpatia são incríveis, obrigado pela aula!
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 🚀🚀
Onde clica para dar like duas vezes, que didática incrível amigo.
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 😊💛😍
Tem pessoas que nasce com o dom da didática e essa pessoa e o Maykao
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.
cara tu fez parecer tao facil o props... valeu pela aula!
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.
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.
Pena que não conheci seu canal antes, muito bom seu video!
MEU CARO MEUS PARABÉNS, VOCÊ MUDOU MINHA VISÃO SOBRE REACT, ME AJUDOU BASTATNTE.
Muito bom, sua didática é incrível. +1 inscrito
Muito massa, Maykão! Tinha aprendido já esses tópicos, ent consegui entender molezinha. Abraço 🎉😊
eu adoro a forma que o Mayk explica!! Sensacional, muito obrigada!
Maykão simplesmente destravou minha mente no React HAHAHA
Boaaaa manoooo!!!!
Você é muito bom explicando, Maykão! Parabéns
Excelente explicação, didática maravilhosa!!
A melhor aula de componentização da vida!
excelente didática, muito obrigado pelo conteúdo!!! 👋👋👋
Você é magnífico, Maykão! Um abraço!
tmj bro! abração
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. 🙏
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 RUclips faz mais. Muito obrigado novamente.
Tamo junto Marley!! Manda vê nos estudos aí ! Tamo junto 😍
Muito bom o vídeo. Ótima didática!
Maykao sempre abrindo minha mente 🤯
Aula mais tranquila que já ví, gostei demais 🚀🚀🚀
Show! Explica de forma simples e clara. Parabéns!
Que aula boa! Obrigado!
sensacional, comprei um curso , não entendi e vim aqui, valeu mais apena
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
Cara, que didática sensacional! Jesus abençoe sua vida Mayk!
aeee!! que bom que curtiu! obg pelo carinho
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.
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!
Que vídeo maravilhoso! Muito obrigada
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!
Sr. Mayk Brito, você é sensacional. Obrigado por tudo !
Sua didática é absurdaaa, muito obrigado pela aula ❤
Muito boom, clareza extrema na explicação!
que massa amigo, gratidão, bastante interessante, seria bom um exemplo com banco de dados mysql
Explica muito bem! Parabens!!!!
Grande Mr Brito!
Grande JOEL 💛
obrigada Mayk Brito pela didática maravilhosa!!!
Acabei de encontrar o melhor professor do youtube
Ameii muito!!! eu tinha muito medo de aprender React. Mais com Mayk tudo é leve
Muito Obrigada melhor professor do mundooooo🥰😍
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 💛
Ótima explicação! Top demais o vídeo. Subscribed and liked 🤝
Nem assisti mas já deixei o like.
Valeu primo! Você é fera
O Melhor professor !!!!
Aula excelente
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.
Top. Agradeço demais pela idéia desse ambiente online. Meu PC e antigo e não roda react.
Que didática, excepcional cara!
Maik muito obrigada por essa aula.
Que conteúdo incrível 🚀💛
que bom que curtiu mel 💛
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!
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
o cara tem. dom para explicar!
Maykão e se quiséssemos implementar algum CMS ai?
Sensacional! Esclarecedor! Parabéns!
Obrigado irmão ❤
Muito bom! Obrigado!
Maykao cria uma playlist do minimo de javascript ate o React, vai ajudar bastante a gente :D
Muito obrigado Maykão! Ajudou demais!
Thank you, it helped but i had a little bit of problems. Good Tutorial
Mayk vai ter aula de nextjs aqui no youtube por você? gostaríamos muito
Aí que tá, o mayk não professor, ele é nosso irmão "dos computer" nos ensinando a programar.
Realmente bom. Ganhou um inscrito
aulão em! parabens!
muito obrigado mano!!
Conteúdo incrível, muito top!!
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!