ReactJS em 1h - Componentes - Iniciantes

[@maykbrito]

Chegou a hora de INVESTIR na sua educação - ONE FUTURE: rseat.in/3xHY1tCZY

[@RenanDuartes]

Queria que todos os professores da faculdade tivessem a mesma didática que vc, Maykao. Top demais!

[@maykbrito]

obg pelo carinho mano! tmj

[@RenanDuartes]

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

[@maykbrito]

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

[@RenanDuartes]

@@maykbrito aííí siim Maykao. Muito obrigado \o/

[@eduardooliveira5620]

Penso o mesmo, tive uns professores muito ruins na faculdade, eu ia pra outra cidade estudar na aula sobre IA o professor passava filme 😅

[@MrTedtage]

Me amarro na didática estilo "Entendeu ou quer que eu desenhe?" do Maykão! Super fácil de compreender.

[@CarlosSilva-yx9qu]

Já tinha visto muita coisa de React, mas ninguém tinha explicado nessa forma, parabéns!

[@leandrolima2143]

Mayk, você tem uma excelente didática, esse conteúdo é de primeira qualidade, parabéns!!! Gratidão sempre!

[@zekjunio612]

cara que didática, muitas sacadas que realmente ajudam os iniciantes.

[@mateusbandeira9189]

Mano??? didática de outro mundo, que brabooo!!!!🥷

[@foralldevs]

Mayk, seu carisma é d+ Brother!! Faça mutos videos aprendo muito com suas forma de ensinar!!

[@matheuscastroks]

Sua didática é maravilhosa, parabéns Maykao!

[@maykbrito]

Valeu Matheus 🙏🏽

[@yohannkallyl]

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!

[@omorelli]

Mano que didática é essa!? Meu Deus, todo dia estarei aqui nesse canal agora... Like, comentário, inscrição e membro garantido!

[@maykbrito]

queridão 😍

[@jeffersongarcia3772]

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

[@_.Marcus]

Que didática sensacional, parabéns!! Consegui entender perfeitamente 🙏

[@GeorgeLimaaa]

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.

[@mr.rozul7]

Que aula massa. Preciso ver algumas vezes e fazer junto ainda, mas já ajudou muuito

[@edermelo6979]

Essa abordagem de fazer a migração do html/css para React é muito maravilhosa. Abriu a minha mente!!! Parabéns Mayk!

[@Marcos-xt2th]

Maik, excelente aula, conteúdo abordado e didática! Muito obrigado pelo vídeo!

[@guilhermedantas1740]

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.

[@hugoleonardo1394]

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.

[@ericksantos3037]

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!

[@maykbrito]

Boaaa Erick.. obg pelo comentário mano 🤗

[@salgadobao3474]

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

[@ericksantos3037]

​e conceitos é o que, amigo?

[@MarioMatias-x4t]

Eu amo a tua maneira de ensinar e confesso que você tem me ajudado bastante na minha caminhada.👏👏👏

[@maykbrito]

Uma honra! Vamo pra cima🚀

[@kevincosta5256]

Incrível, Maykao. Sua didática e simpatia são incríveis, obrigado pela aula!

[@celsojunio4557]

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!

[@EdivanAzeved0]

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.

[@gabrielmattos2728]

Você é muito bom explicando, Maykão! Parabéns

[@wendelzinhodoautotune1399]

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 KZbin, 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!

[@maykbrito]

Que bacana ler suas palavras! Tamo junto!

[@AlexandreSilva-qw4pd]

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.

[@maykbrito]

TMJ irmão!!

[@tanque2222]

Excelente a aula!! Tá valendo a pena o perrengue que passei pra aprender javascript

[@juniormelo26]

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

[@CuriousFox_]

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.

[@maykbrito]

Que maravilhaaaa 🚀🚀

[@maxjhones336]

Excelente didática chefe! Parabéns.

[@toninhoeleoterio]

Ganhou um inscrito jovem, meus parabéns, super fácil entender sua aula, mesmo quando o assunto complica um pouco. Continue assim, desejo sucesso!!!

[@kiansayuri]

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

[@maykbrito]

Uau! Obrigado pelas palavras! 😍

[@IsabellaCristinaS_]

eu adoro a forma que o Mayk explica!! Sensacional, muito obrigada!

[@neto-ze3bm]

MEU CARO MEUS PARABÉNS, VOCÊ MUDOU MINHA VISÃO SOBRE REACT, ME AJUDOU BASTATNTE.

[@Bread-vk8fl]

Excelente explicação, didática maravilhosa!!

[@djairbatista6311]

Cara, que didática sensacional! Jesus abençoe sua vida Mayk!

[@maykbrito]

aeee!! que bom que curtiu! obg pelo carinho

[@AdelsonSilvaarms]

Caraca que aula top irmão. Parabens didática ótima. Impossível nao entender

[@paulogerson3955]

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.

[@maykbrito]

Que massaaaa que curtiu irmão 😊💛😍

[@professorfrankitz]

Show! Explica de forma simples e clara. Parabéns!

[@Sepoldgr]

Sua didática é absurdaaa, muito obrigado pela aula ❤

[@MarceloMartinsDev]

Aula mais tranquila que já ví, gostei demais 🚀🚀🚀

[@victorhugobarros708]

Sr. Mayk Brito, você é sensacional. Obrigado por tudo !

[@emersonjose288]

Onde clica para dar like duas vezes, que didática incrível amigo.

[@user-nd2tj1hb7w]

Eita didática boa heim, se nao aprender com o Maykão , não aprende com mais ninguém.

[@luizeregina8317]

obrigada Mayk Brito pela didática maravilhosa!!!

[@willian_simas_dev]

A melhor aula de componentização da vida!

[@giltemarsantosguitar]

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.

[@marleyguibson5893]

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 KZbin faz mais. Muito obrigado novamente.

[@maykbrito]

Tamo junto Marley!! Manda vê nos estudos aí ! Tamo junto 😍

[@periclesigor911]

Caralho Maykão. Fiquei um tempo sem assistir os seus vídeos, e a sua didática (que já era boa) ficou melhor!

[@maykbrito]

poooxaaaa que feedback LINDAO 😍 obg man!

[@economicamentecorreto]

Melhor explicação que ouvi, vou assistir todos os videos rsrsrs

[@murilo7091]

Muito massa, Maykão! Tinha aprendido já esses tópicos, ent consegui entender molezinha. Abraço 🎉😊

[@MatheuszPorto]

Obrigado pelo ótimo conteúdo Maykão !! Te vejo na turma 06 🚀

[@maykbrito]

TMJ Matheuzaum! 🚀

[@MatheuszPorto]

@@maykbrito 🚀🚀

[@rodrigoghiraldelli8573]

excelente didática, muito obrigado pelo conteúdo!!! 👋👋👋

[@ederdaniel22]

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

[@maykbrito]

grande Eder! obg mano 💛

[@geraldoneto4869]

Você é magnífico, Maykão! Um abraço!

[@maykbrito]

tmj bro! abração

[@prinslooproducao]

Tem pessoas que nasce com o dom da didática e essa pessoa e o Maykao

[@hoboldinho]

Muito boom, clareza extrema na explicação!

[@pedreira4]

Pena que não conheci seu canal antes, muito bom seu video!

[@patrickburin7314]

cara tu fez parecer tao facil o props... valeu pela aula!

[@brunosantanadev]

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.

[@leandroperdona7691]

Da gosto de assistir o Mayk ensinando sério mesmo!

[@maykbrito]

oloco! tamo junto 💛

[@leandroperdona7691]

Tu tem uma didática muito boa mesmo parabéns e obrigado pelos vídeos!

[@lau_dicas]

Muito bom, sua didática é incrível. +1 inscrito

[@saandrasabrina]

Que vídeo maravilhoso! Muito obrigada

[@waslleymax4500]

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.

[@maykbrito]

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)

[@jwfelipe1161]

Verdade.!! Traz para nós curso iniciante.

[@williammachadocosta]

sensacional, comprei um curso , não entendi e vim aqui, valeu mais apena

[@kiqgamez]

Maykao sempre abrindo minha mente 🤯

[@Vitorgasparete]

Muito bom o vídeo. Ótima didática!

[@talitasalles]

Explica muito bem! Parabens!!!!

[@luizgmachado]

Maykão simplesmente destravou minha mente no React HAHAHA

[@maykbrito]

Boaaaa manoooo!!!!

[@gustavolopes2178]

Que aula boa! Obrigado!

[@natahadrianus3946]

Ameii muito!!! eu tinha muito medo de aprender React. Mais com Mayk tudo é leve Muito Obrigada melhor professor do mundooooo🥰😍

[@guiguiari123]

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! 👏

[@maykbrito]

Que top manooo!!! Obg pelo carinho

[@shssaulohenrique]

Que didática, excepcional cara!

[@heroitv7247]

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.

[@maykbrito]

Que mensagem linda 😍🙏🏽 obg por esse imenso carinho e reconhecimento!

[@ingridsantos1143]

Maik muito obrigada por essa aula.

[@NataliaSouza-ts3hn]

Sensacional! Esclarecedor! Parabéns!

[@reinamatrix]

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.

[@evandrodutra4975]

Ótima explicação! Top demais o vídeo. Subscribed and liked 🤝

[@adenilsonjeronimo6475]

que massa amigo, gratidão, bastante interessante, seria bom um exemplo com banco de dados mysql

[@joelmoltocaro2024]

Grande Mr Brito!

[@maykbrito]

Grande JOEL 💛

[@voelinteractive9108]

o cara tem. dom para explicar! Maykão e se quiséssemos implementar algum CMS ai?

[@matheuspacheco3959]

O Melhor professor !!!!

[@renantescaro]

Muito bom! Obrigado!

[@GondimBR]

Acabei de encontrar o melhor professor do youtube

[@mellromao]

Que conteúdo incrível 🚀💛

[@maykbrito]

que bom que curtiu mel 💛

[@rafael_rizzo]

Mayk vai ter aula de nextjs aqui no youtube por você? gostaríamos muito

[@taironesilva]

Muito obrigado Maykão! Ajudou demais!

[@lammad]

Top. Agradeço demais pela idéia desse ambiente online. Meu PC e antigo e não roda react.

[@diegosantosmoto]

Isso que é didática de verdade! Parabéns!👍

[@Leandrotavano]

Aula excelente

[@michelzinhogeocafbatera8215]

Obrigado irmão ❤

[@kaic92]

Nem assisti mas já deixei o like.

[@maykbrito]

Valeu primo! Você é fera

[@cassianocominetti7784]

Top como sempre! Valeu Maykão!

[@igormelodasilva2505]

Conteúdo incrível, muito top!!

[@azoulay62]

Maykao cria uma playlist do minimo de javascript ate o React, vai ajudar bastante a gente :D

[@darksideeditions4251]

Aí que tá, o mayk não professor, ele é nosso irmão "dos computer" nos ensinando a programar.

[@raspaes3899]

Esse vídeo é extremamente valioso! 😍

[@firemartins]

Thank you, it helped but i had a little bit of problems. Good Tutorial

[@gabrielgianvechio]

aulão em! parabens!

[@maykbrito]

muito obrigado mano!!