3 coisas que você precisa dominar no Javascript pra se dar bem no React

✅ Maratona Explorer: Dê seus primeiros passos na programação.
→ Cadastre-se no link gratuitamente: rseat.in/maratona-explorer
A verdade é que não é preciso dominar tudo que existe em JavaScript pra começar a utilizar React.
Então, no vídeo de hoje, o Diego vai revelar no que você pode focar para iniciar os seus estudos de forma mais assertiva e qual a melhor ferramenta para criar um projeto nesta tecnologia.
----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial
Nos ouça também no Spotify:
- Podcast Faladev
- Podcast Alumni
- Podcast Proxy

Пікірлер: 120

  • @letsgobrandon1445
    @letsgobrandon14452 жыл бұрын

    1) Estrutura DOM (objetos HTML do Javascript) 2) Manipulação de Dados (JSON, high order function arrays) 3) Assincronismo (async await e promises) 4) Componentização (React)

  • @cjfranca2004

    @cjfranca2004

    Жыл бұрын

    Estou estudando muito JS na própria documentação. Está massa

  • @klowdyacrux8175

    @klowdyacrux8175

    Жыл бұрын

    @@cjfranca2004 Boa, comecei a ficar bom estudando só pela documentação do MDN.

  • @joaogabshow

    @joaogabshow

    Жыл бұрын

    Save

  • @rafinha-dev

    @rafinha-dev

    Жыл бұрын

    Eu colocaria o 4 como fetch API

  • @remytomaz3335

    @remytomaz3335

    11 ай бұрын

    Onde pego a documentação ?@@cjfranca2004

  • @samueloliveira4465
    @samueloliveira44652 жыл бұрын

    Depois que eu aprendi manipular a DOM eu já comecei no node, de resto fui aprendendo, sobre sincronismo aprendi nas NLW, manipulação de dados aprendi quando comecei estudar JS. Não sou ainda um programador incrível da vida, mas estou no caminho.

  • @samueloliveira4465

    @samueloliveira4465

    2 жыл бұрын

    Recente, principalmente por causa dessa última NLW eu comecei a estudar React

  • @Redonick

    @Redonick

    2 жыл бұрын

    ORAÇÃO REPARADORA DIÁRIA Uma pobre Clarissa falecida apareceu à sua Abadessa que rezava por ela e lhe disse: “Fui diretamente para o Céu porque, tendo recitado todas as noites esta oração, paguei todas as minhas dívidas e fui preservada do Purgatório”: Eterno Pai, pelas mãos de Nossa Senhora das Dores, ofereço-Vos o Sacratíssimo Coração de Jesus, com todo o Seu amor, com todos os Seus sofrimentos e todos os Seus méritos: para expiar todos os pecados que cometi hoje e durante toda a minha vida passada. Glória ao Pai... Eterno Pai, pelas mãos de Nossa Senhora das Dores, ofereço-Vos o Sacratíssimo Coração de Jesus, com todo o Seu amor, com todos os Seus sofrimentos e todos os Seus méritos: para purificar o bem que eu fiz mal hoje e durante toda a minha vida passada. Glória ao Pai... Eterno Pai, pelas mãos de Nossa Senhora das Dores, ofereço-Vos o Sacratíssimo Coração de Jesus, com todo o Seu amor, com todos os Seus sofrimentos e todos os Seus méritos: para compensar o bem que eu deixei de fazer hoje e durante toda a minha vida passada. Glória ao Pai...

  • @Joao-oo8yj

    @Joao-oo8yj

    Жыл бұрын

    @@samueloliveira4465 Ei mano, você já está atuando na área?

  • @samueloliveira4465

    @samueloliveira4465

    Жыл бұрын

    @@Joao-oo8yj Ainda não Man, sigo buscando minha oportunidade.

  • @Joao-oo8yj

    @Joao-oo8yj

    Жыл бұрын

    @@samueloliveira4465 Saquei man, tbm tô a mesma. Você já está muito avançado no React? pergunto, porque pelo tempo da sua mensagem que foi comentando há três meses atrás, parece estar bem avançado.

  • @pixien
    @pixien2 жыл бұрын

    Exatamente o que eu tava precisando no momento, fera como sempre!

  • @JosueWalisson
    @JosueWalisson2 жыл бұрын

    Que vídeo maravilhoso! O que eu tava precisando no momento! Muito obrigado!

  • @jhonatan1152
    @jhonatan11522 жыл бұрын

    Muito bom, estou formando minha carreira com a ajuda de vocês 🤝🏼

  • @fabiovictorino350
    @fabiovictorino3502 жыл бұрын

    Mano, eu admiro muito tudo que vocês por nós é muito, amo vocês.

  • @clebersantos8743
    @clebersantos87432 жыл бұрын

    Muito obrigado pela ajuda Diego, já montei meu guia de estudos. Pois estava tendo dificuldades no React... Agora e dar um passo a trás e seguir esse guia.

  • @gabrielborel7441
    @gabrielborel74412 жыл бұрын

    Cara fiquei bastante tempo no javascript antes de ir pro React, e acho que foi otimo cara, quando fui pro React nao senti falta de nada, sabia oque era JS e o que era React

  • @TheLuizPozza

    @TheLuizPozza

    Жыл бұрын

    Passei pelo mesmo, estou estudando o javascript cru a 1 ano, no possivel tempo que eu tinha e tenho, e estou migrando pro react agora, da pra entender claramente o que é codigo react e o que é codigo javascript, isso faz do meu aprendizado muito mais efetivo e rapido, recomendaria a todos fazer o msm!

  • @joaojbs199
    @joaojbs1992 жыл бұрын

    Assisti novamente seu vídeo sobre o React em 2022, experimentei o Vite e tô seguindo no projeto entusiasmado! É realmente impressionante!!

  • @tarcisiomacielsp
    @tarcisiomacielsp2 жыл бұрын

    Estou começando com React nessa semana e pelo que vi até o momento é uma tecnologia incrível! O Diegão é uma pessoa que transborda conhecimento, assim como o restante da equipe da Rocketseat. Quem sabe daqui alguns anos eu consiga fazer parte desse time incrível?! Bora decolar!

  • @sandoertonamaro
    @sandoertonamaro2 жыл бұрын

    A primeira vez que ouvi falar do Vite foi através do Diego em outro vídeo, ainda estou aprendendo a programar e utilizo o CRA, mas, logo mais vou buscar mais conteúdo a respeito do Vite, muito obrigado Diego e a RocketSeat, seus conteúdos são muito bons

  • @pedrinho9303
    @pedrinho93032 жыл бұрын

    Conteúdo massa! Top demais, amo o Rocketseat

  • @lucasdelpoz8398
    @lucasdelpoz83982 жыл бұрын

    Muito bom o conteúdo! Ultimamente inicio os projetos com vite ou next, dependendo da complexidade e de alguns outros fatores

  • @davibfs
    @davibfs2 жыл бұрын

    Opa! Sempre um prazer aprender com vocês ☺️

  • @augustofaria2751
    @augustofaria27512 жыл бұрын

    Muito bom os vídeos. Eu estou vindo do angular para o react, e acompanho muito seus vídeos para ter base.sou macaco velho de javascript, trabalhei muito com vanillajs, jquery, angular agora to começando a migrar alguns projetos para o react. To usando o vite para alguns projetos e outros to usando o nextjs

  • @machadoviewer
    @machadoviewer2 жыл бұрын

    Estudando na Rocketseat agora mesmo, React. Diego é fera demais, top mesmo. Pra mim, a parte mais difícil é a estrutura, com componentes se intercomunicando. Mas hoje, depois de um pouco de prática, já está mais tranquilo. Eu consigo fazer uma aplicação do zero mais facilmente.

  • @alandavid4657
    @alandavid46572 жыл бұрын

    Estava precisando desse vídeo!!!

  • @manozzo
    @manozzo2 жыл бұрын

    mano, que vídeo de qualidade! Congrats!

  • @LeonGamingZone
    @LeonGamingZone2 жыл бұрын

    Como sempre, o melhor conteúdo, no melhor Lugar. Rocketseat

  • @HeitorLCN
    @HeitorLCN2 жыл бұрын

    Honestamente amei a edição desse vídeo, ficou bem descontraída e muito mais leve de assistir (ainda mais com essa intro do Diego "remando" a cadeira kkkk)

  • @thalescarlesso8110
    @thalescarlesso81102 жыл бұрын

    Gosto muito dos conteudos de vocês

  • @MultiDante23
    @MultiDante232 жыл бұрын

    Nossa mano a Rocket seat é demais! Conteúdo de ponta passado com qualidade de ponta

  • @aniworld4963
    @aniworld4963 Жыл бұрын

    muito obrigadopor ofercer conteudo de qualidade

  • @leandro40141
    @leandro401412 жыл бұрын

    Muito bom conteúdo como sempre

  • @ajutamaluca
    @ajutamaluca2 жыл бұрын

    Acredito que uma das maiores dificuldades que eu tive além de não ter promises muito fundamentada na época, foi a percepção de problemas nos retornos. Isso por não utilizar JS tipado, o que me obrigava a criar condicionais demais para manipular os retornos toda hora. Só que quando os erros não te dão muito o caminho do erro é vc ainda não conhece linguagem tipada, vc não percebe esse problema naturalmente. Agora usando TS que eu consigo perceber melhor esses problemas.

  • @eduardoernestocorralesreyn7721
    @eduardoernestocorralesreyn77212 жыл бұрын

    Um tema muito útil para analisar é a configuração do cra, vite ou qualquer outro para dependências externas. É comum quando um projeto começar a crescer ficar muito lento o carregamento da primeira página em produção, especialmente quando são usadas bibliotecas de componentes grandes como o MaterialUI. No webpack até que é simples configurar os externals, mas no vite já tentei usando a documentação e não consegui. Por isso continuo instalando react e configurando webpack manualmente. Se puder fazer um vídeo sobre isso usando vite, agradeço.

  • @thalisonamaral1642

    @thalisonamaral1642

    Жыл бұрын

    Up!!

  • @lacasadelcell
    @lacasadelcell Жыл бұрын

    obrigado por criar conteudo para quem esta començando...

  • @israelruano
    @israelruano2 жыл бұрын

    Obrigado por essas valiosas dicas ...

  • @atomogames7240
    @atomogames72402 жыл бұрын

    kkkkkkkkkkkkk o inicio do video foi engraçado kkk, otimo video !parabéns !

  • @EdsonJunior-rj2bl
    @EdsonJunior-rj2bl Жыл бұрын

    O Jason aparecendo no canto da tela foi muito comédia mano! kkkkkkkkkkkkkk

  • @gugasilva1648
    @gugasilva1648 Жыл бұрын

    Cara essas edições desse vídeo ficaram muito boas hein KKKKKKKKK please continua

  • @HenriqueMDerosa
    @HenriqueMDerosa2 жыл бұрын

    Ótimo vídeo. Tem um desse sobre back end? :)

  • @rodrigomarquesdelima6134
    @rodrigomarquesdelima61342 жыл бұрын

    Neste vídeo está a solução de todos os meus problemas!!!!

  • @fernando.jsilva
    @fernando.jsilva2 жыл бұрын

    Ainda estou usando npx, mas em um próximo projeto vou ver como funciona o vite O que eu acho que são os maiores pepinos pra quem tá començando com react e a parte de Elevação de estado, quando vc tem o compartilhamento do estado em mais de uma component que depende do mesmo ! Esto começamdo a fazer a trilha React no ignite e já me deparei com a aula de Elevação do estado que é fantástica, mas pra fazer sozinho ainda tenho dificuldade! Parafraseando o Samuel, tbém acho importgante o ciclo de renderização

  • @FelipeSouza-tz9es
    @FelipeSouza-tz9es2 жыл бұрын

    Excelente vídeo!

  • @vitorac412
    @vitorac412 Жыл бұрын

    Carai, esse video doi de bom

  • @dheymesena8286
    @dheymesena8286 Жыл бұрын

    toppppp obggg pelo contéudo.

  • @estudanteautodidata7843
    @estudanteautodidata7843 Жыл бұрын

    Esse cara é top demais da conta sôr!

  • @washinerdev4355
    @washinerdev4355 Жыл бұрын

    vendo o video pela terceira vez anotei rs agora vou aplicar valeu rs

  • @MrEveraldo1970
    @MrEveraldo1970 Жыл бұрын

    muito bom, meu jovem!

  • @Lucas_Paiva
    @Lucas_Paiva2 жыл бұрын

    Fala pra tu que tava precisando do vídeo! E que editor engraçadinho mané kkk

  • @emanoelinfinity
    @emanoelinfinity2 жыл бұрын

    Precisei pegar pesado em estruturas de dados e depois voltar para o React.

  • @MarcosFerreiraIO
    @MarcosFerreiraIO2 жыл бұрын

    Sei dessas três coisas! Deve ser por isso que senti tanta facilidade e simplicidade em usar React.

  • @remytomaz3335

    @remytomaz3335

    11 ай бұрын

    Como faço pra aprender essas 3 coisas ?

  • @MarcosFerreiraIO

    @MarcosFerreiraIO

    11 ай бұрын

    @@remytomaz3335 a @rocketseat tem uma plataforma que ensina de forma gratuita isso tudo. Aprendi boa parte disso por lá. Mas o segredo para conseguir aprender qualquer coisa é praticar. Faça qualquer coisa, qualquer projeto sem compromisso, só para praticar tudo que você viu.

  • @dokasc
    @dokasc2 жыл бұрын

    Uma coisa que acho bem complicado é saber onde colocar os diferentes Contexts.providers (quado existe mais do que um) em uma aplicação mais complexa, pra que seja mais performático, e pra que não haja conversa desnecessária entre componentes...

  • @imperialzinho9030
    @imperialzinho90302 жыл бұрын

    Algo que me perco no React, são os nomes que devo utilizar nas pastas que irão está na aplicação além da pasta componentes, e também pastas que vão está dentro de componentes.

  • @dokasc

    @dokasc

    2 жыл бұрын

    eu me perco bastante também na organização das pastas... principalmente em projetos maiores...

  • @EnzoAuditore
    @EnzoAuditore2 жыл бұрын

    Obrigado!

  • @nathansantos8218
    @nathansantos82187 ай бұрын

    Conheci o Vite quando entrei no Ignite, desde então só uso Vite

  • @thallesrangel1241
    @thallesrangel124111 ай бұрын

    Top!

  • @alissonkelvin9419
    @alissonkelvin94192 жыл бұрын

    Achei marota a edição do video, editor arrebentou ! kkkk

  • @vitorgonzaga9985
    @vitorgonzaga99852 жыл бұрын

    Entender um pouco sobre Programação orientada a objetos (classes - constructor, atributos, métodos), herança, composição, agregação vai ajudar também, mas para mim isso acabou acontecendo num segundo momento.

  • @samuelsimoes9610
    @samuelsimoes96102 жыл бұрын

    Pelo o amor di dios. É importante ter noção do ciclo de renderização. Lembro quando eu tava iniciando, e criava variáveis dentro do componente. mas dava vários bugs, pq a variável era recriada toda vez que o componente renderizava novamente.

  • @bugman10
    @bugman10 Жыл бұрын

    Bom video.

  • @1193dd
    @1193dd2 жыл бұрын

    O Jason aparecendo lá no fundo foi maravilhoso ahaahaha

  • @paulorcvieira
    @paulorcvieira2 жыл бұрын

    Na minha humilde opinião o ponto crucial para devs novatos é lógica, pois todos acham que é inútil, quando na verdade é essencial.

  • @PGMi184
    @PGMi1842 жыл бұрын

    Maaaaaaaaaano...video top...maaaaaaaaaaaaaaaaas contudo entretanto porem (hahahaha não sei bem a ordem mas ela é aplicável de qualquer forma...) como vi em alguns comentários aqui pessoal falando de Vite, Expo, CRA e outros... O que acho de muita importância é ir de volta a base...tem gente que não sabe fazer uma aplicação, abrir uma nova funcionalidade sem usar um preset...e muitas vezes já está "avançado" no assunto... Faz um video ai pra gente a respeito disso!!! 🙏

  • @TiagoDiass2
    @TiagoDiass22 жыл бұрын

    atualmente só uso next pra criar meus projetos react

  • @ribafs
    @ribafs Жыл бұрын

    Grato. Tive problemas com o Vie e voltei para o create-react-app. O Vite é mais rápido mas com problema não dá. O debug dele é inferior ao do create-react-app. Dá pra usar e coom vantagem, mas exige mais atenção ou experiência.

  • @leandro40141
    @leandro401412 жыл бұрын

    Aquela famosa receita de bolo que basta seguir e não tem erro

  • @TheMatthewizee
    @TheMatthewizee2 жыл бұрын

    Rapaziada, o VITE é simplesmente incrível. Não usem mais o CRA Vite tem api pra vc fazer a build do projeto em nodejs, perfeito pra monorepo, perfeito pra escalar!!!! ❤️❤️❤️💖

  • @diogom

    @diogom

    2 жыл бұрын

    Eu tive dificuldade somente de adicionar o jest no vite por conta de usar a sintaxe do es6 nos testes, precisa do babel

  • @Oculterous
    @Oculterous2 жыл бұрын

    Adorei a edição :D , mas ele esqueceu do por o hover (Rover) no vídeo kkkkk

  • @fabriciopinheiro8267
    @fabriciopinheiro82672 жыл бұрын

    Criando com expo!

  • @aaamenezes
    @aaamenezes2 жыл бұрын

    Atualmente tenho criado projetos React com o Next

  • @washinerdev4355
    @washinerdev4355 Жыл бұрын

    somente a parte gratuita da rockseet ja vale qualquer curso no mercado hoje, queria saber se ta aberto alguma curso da rocketseet 2023

  • @apolosilva7505
    @apolosilva75052 жыл бұрын

    Show

  • @CefasHeliSathler
    @CefasHeliSathler7 ай бұрын

    Se não dominar essas coisas vai bater mais cabeça que cabeludo em show de heavy metal

  • @nikolassco
    @nikolassco2 жыл бұрын

    Essa entrada no video kkk

  • @BrunoFilho
    @BrunoFilho2 жыл бұрын

    Só fui perceber que não sabia como usar o React quando comecei no meu primeiro emprego meses atrás xD. No dia a dia aprendi a aprender, e todo dia descubro coisas novas.

  • @iaml2909

    @iaml2909

    2 жыл бұрын

    Tem vaga pra deve júnior lá? Kk

  • @bruninhosurf180
    @bruninhosurf1802 жыл бұрын

    Acredito que dentro do React é importante aprender a criação de formulários e validação dos mesmos

  • @deniselima8243

    @deniselima8243

    2 жыл бұрын

    Estou sofrendo com isso agora 😞

  • @seoCanal
    @seoCanal2 жыл бұрын

    Faltou criar projetos praticos , e aprender e praticar bastante sintaxy do es6 pois é 80% do que vai encontrar no react, desestruturação, etc

  • @luistitossaiete9850
    @luistitossaiete98502 жыл бұрын

    E o Next.js??

  • @luizfranca9136
    @luizfranca91362 жыл бұрын

    a piada do Evan foi muito boa mano, pena que poucos vao entender KKKKKKKKKKKKKK

  • @MoabeVettore
    @MoabeVettore Жыл бұрын

    Me cadastrei na plataforme rockseat discover, porém não consigo acessar as aulas, pois quando vou pra aba "discover" ele não reconhece meu usuário e me manda logar novamente

  • @danielsousa5611
    @danielsousa56112 жыл бұрын

    Ótimo vídeo. Mas a música de fundo ficou muito alta, até atrapalha um pouco a focar no que está falando 😅.

  • @devgui_
    @devgui_2 жыл бұрын

    Meu único receio com React é a aplicação começar a crescer e em algum momento a gestão dos dados, componentes, etc acabar se perdendo. Preciso ter contato com projetos grandes, o "bêabá" ensinado nos cursos tá ok pra mim.

  • @leonardofalcoski655

    @leonardofalcoski655

    2 жыл бұрын

    O complicado é que cada projeto grande vai ter o seu próprio jeito de organização. Existem vários padrões e vários padrões muito bem feitos, mas no final do dia acabam sendo alterados para corresponder melhor ao projeto em si

  • @brunomelo3497
    @brunomelo3497 Жыл бұрын

    N conseguia fazer nada em react dos q dominei a dom consigo fazer quase qualquer coisa

  • @andredesouza
    @andredesouza2 жыл бұрын

    Coloquei dois comentarios aqui e sumiu?! será que houve....Estou usando vite...tb😀

  • @leonardobarreiro9246
    @leonardobarreiro92462 жыл бұрын

    -Manipulação de DOM -Estrutura de Dados -Assincronismo

  • @wagnerpedroo
    @wagnerpedroo Жыл бұрын

    é normal eu não ter entendido nada doque foi dito aqui sobre react, componentes,

  • @vitorgonzaga9985
    @vitorgonzaga99852 жыл бұрын

    Controlar efeitos indesejáveis com os estados globais via context. Nisso me parece que o Redux atende melhor. Redux para mim foi osso! Rsrs

  • @rafaelnascimento9905
    @rafaelnascimento99052 жыл бұрын

    Baixo algum repo direto da vercel kkk

  • @thiagod.7688
    @thiagod.76882 жыл бұрын

    E o tema de O Mascara tocando de fundo em 4:40

  • @Joao-oo8yj

    @Joao-oo8yj

    Жыл бұрын

    Né mano kkkkk a trilha sonora boa combinou mt bem com contexto do vídeo

  • @AlesaGillespie
    @AlesaGillespie2 жыл бұрын

    Eu recomendo estudarem logo Redux Toolkit e React Query.

  • @caminhoprogramy4472
    @caminhoprogramy44722 жыл бұрын

    Like, primer comentario

  • @adrielschmitz
    @adrielschmitz2 жыл бұрын

    Me corrijam se eu estiver errado. Mas não seria grafos ao invés de garfos?

  • @dieegosf

    @dieegosf

    2 жыл бұрын

    Claro, foi o editor meme que colocou isso de garfos hahaha

  • @Arthur_fin
    @Arthur_fin4 ай бұрын

    Resumindo faça o curso de javascript do curso em video kkkkk

  • @devmariopaglia
    @devmariopaglia2 жыл бұрын

    Dá para usar Vite e NextJS ao mesmo tempo?

  • @hungtran4897
    @hungtran4897 Жыл бұрын

    Por que a França foi tão fraca na 2ª Guerra Mundial? kzread.info/dash/bejne/mmuk0KyGl9Gveqw.html

  • @ilsonbbfilho
    @ilsonbbfilho2 жыл бұрын

    Você está precisando dormir um pouco mais :)

  • @priscilaandreani
    @priscilaandreani2 жыл бұрын

    Parece um conteúdo, mas é uma propaganda.