React: O minimo de base que você precisa saber para não sofrer começando com a ferramenta
HTML-код
- Опубликовано: 1 июл 2021
- Muita gente fala que precisamos ter a base da linguagem para poder aprender um framework como React, mas o que é a base? Como visualizar isso? Nesse vídeo eu faço um exercicio de separar conceitos com vocês em cima da própria API do React! Extraindo o que de JavaScript é importante ser aprendido
O video ta recheado de conteúdo e eu convido você pra pegar sua pipoquinha e bora ver!
🔸 Link importantes para VOCÊ (você me ajudar a continuar trazendo conteúdo!)!
■ Vamo reforçar a base de JavaScript AO VIVO EM LIVE!!!? • Reforço de JavaScript ...
■ Quer dar seus primeiros passos pra aprender React? www.alura.com.br/imersao-react
■ Quer ajudar a fortalecer a firma pra valer? aproveita meu cupom da Alura! alura.com.br/devsoutinho/
■ Quer receber 7 dicas toda segunda pra ler em 2 minutinhos? mariosouto.com/newsletter/
■ Sabia que eu tenho uma lojinha? mariosouto.com/lojinha/
🔸 Quer ver mais conteúdos meus? Segue ai!
■ / omariosouto
■ / devsoutinho
■ t.me/hipstersfrontend
🔸 Sabia que eu tenho séries na Alura também?
■ www.alura.com.br/webseries/fr...
■ www.alura.com.br/webseries/gi...
#React #DevTips #JavaScript 
Наука
Aquele negócio de 'você tem que saber tudo antes de começar' é uma armadilha comum, chamada Analysis Paralysis (acho que é assim que se chama) que é a pessoa esperar 'estar pronta' pra começar.
Pessoal, vocês NUNCA VÃO ESTAR PRONTOS! Tem que fazer mesmo sem saber e ir resolvendo as tretas a medida que aparecem, porque a prática vale mais do que qualquer teoria. Se ficar esperando saber tudo pra agir, você vai perder tempo, porque nenhuma teoria vai te dar mais conhecimento do que qualquer prática.
Caramba João, estou passando exatamente por essa situação. Uma insegurança terrível. Estou em transição de carreira pra TI, buscando vagas de estágio e todas as vagas geralmente pedem coisas que nunca vi na vida. O react é um exemplo, Angular também... Estar nessa posição é muito complicado pois parece que nunca estou minimamente pronto. Na verdade, estou sempre me auto sabotando. Acho que esse vídeo vai ser um bom conselho.
Mas tem que ter plmns uma base
vlw man
Exatamente, a prática leva a perfeição, e a persistência, vence qualquer coisa.
Concordo, mas descordo no contexto do video. Me tome como exemplo e creio que ficara melhor o entendimento. Quando comecei a fuçar a área, comecei logo por JS, fiquei perdido é logico, então resolvi ouvir os concelhos e voltar para a base, só que o que fiz, estudei Html e CSS (Consegui ter uma familiaridade com o código e as ferramentas de desenvolvimento) Depois voltei mais uma casa e foquei e continuo focado na lógica de programação. Para min que estou nesse caminho o video foi excelente, estou praticando logica com java e JS, então já da para ter uma boa base das linguagens, queria saber o momento certo de começar React ou algum outro, o video fez bastante sentido. Eu por experiência propiá, de verdade aconselho, NÃO COMECEM PELO REACT
Mario, muito obrigado por compartilhar esse conteúdo, abriu minha mente para muitas coisas referente a base sólida de conhecimentos, ante de dar o próximo passo! Obrigado mesmo!
Cara, muito bacana o vídeo e me inspirou em contar uma história prática que tive com o React:
Estava eu assumindo que já sabia HTML, CSS e principalmente JS.. até que por conta da faculdade, entrei como scrum master de um projeto no qual um dos integrantes do time queria usar React. Por apenas ter ouvido falar e ele dizer que sabia, decidi acatar a ideia e então começamos a implementar o site utilizando React. O resumo foi basicamente o seguinte:
- Frustração (cheguei a brigar com o time)
- Vontade de desistir
- Quebrar meu notebbok
- Curva de aprendizado bem baixa..
Porém com muito foco e perseverança eu comprei um curso específico de React e fui da BASE de HTML, CSS e JS até chegar em componentes funcionais usando arrow functions. Isso passando por toda a parte de componentes de classe. Não posso dizer que hoje sou um dev, ainda estou na faculdade, porém eu me vejo apaixonado pela tecnologia e alguns conselhos pra quem pode estar vendo esse comentário e não precise passar pelo que eu passei e fiz meu time passar:
- Tenha humildade em reconhecer no que você é bom de verdade
- Saiba consultar uma documentação
- Entenda arrow functions
- Promises vão estar no teu dia a dia
- Fetch API (usa promise)
- Não desista
- Não estude deitado
- Tire dúvidas sempre que possível
- Pratique exercícios diariamente, isso vai te ajudar a se acostumar, nem que seja só reescrever um código que viu em algum vídeo.
Qual curso você comprou? Estou tendo dificuldade em escolher um
@@Sarah_42 Eu comprei um curso na Udemy, não é tão popular mas o sempre tem aqueles cupons que você paga 29,90 por algo que vale bem mais. O nome do curso é "Curso de React.Js + Next.Js completo do básico ao avançado" do professor Luiz Otávio Miranda. Eu recomendo pra quem já tem um pouco de noção de lógica de programação e familiaridade com Javascript, seria melhor já ter programado algo em Js.. mas com o conteúdo extra do curso e também com força de vontade em buscar ler sempre a documentação (o professor comenta sobre isso nos vídeos dele) você vai conseguir, não desista! Estou bem mais avançado hoje em dia do que quando fiz este comentário.
@@antissocialw Obrigada! Eu já conheço um pouco de JS então acho que vou seguir sua recomendação. Valeu :)
@@Sarah_42 boa, você vai se dar melhor que eu então.. Estou no linkedin caso queira tirar dúvidas, me adiciona lá! www.linkedin.com/in/wendel-dem%C3%A9trio-726617229/
Eu lendo "Não estude deitado", estando estudando deitado kkk mas tá certo mesmo.
Nossa esse vídeo me ajudou demais mesmo 💪💪 obrigada de coração, estava precisando entender React e encontrei tudo por aqui 🚀🚀🚀
Ótimo vídeo. Uma sugestão para um próximo vídeo: falar sobre o mínimo que um desenvolvedor frontend deveria saber sobre banco de dados, servidores e outros assuntos mais relacionados a backend. :)
Boa sugestão. Muita gente que toma a decisão de algum fw ou lib, acha que só vai fazer a parte funcional e estilosa da page e pronto (depende). No geral temos que lidar com banco de dados etc.
Qse
@@emanoelinfinity alguma sugestão sobre o que precisa estudar e sobre o que não é tão necessário?
Boa!
Ja adianto, o CRUD básico, Functions, Triggers, Store Procedures. Basicamente, é isso
valeu pelas dicas! já to fazendo minha revisão de js. aguardando ansiosamente a imersão ;)
Boa Marião! Tô só pela imersão react! Acho que me enquadro no grupo que esperou demais pra começar a botar a mão na massa nos frameworks. Aí você foi bem no pulo do gato, a real é que pra ficar "seguro" no JS sem anos de prática no mercado é bem difícil, e esse vídeo já fez eu me sentir mais seguro com meus conhecimentos! Valeu pelo conteúdo excelente como sempre!
Adorei o vídeo!! Bora para a imersão...
Eae maninho. Topeee... Muito bom esse video... Estou começando a estudar typescript para ir para o react. Acredito ser o caminho correto. Muito top o conteúdo... Vlwww TMJ
Vou começar a aprender React, muito obrigado!!!
que vídeo necessário, obrigado!!
Um dia vou trabalhar com você ! pode ter certeza, nem assisti o video mas Já gostei ♥♥
valeu pelas dicas, seu conteúdo é muito bom
Seu conteúdo é bom demais
nossa, esse vídeo foi um tapão na cara rs...nunca tinha pensado no react dessa forma
Agora já sei que já posso começar a aprender react
A parte sem instalação eu sei tudo, mas a outra parte eu tô enrolado ainda, vlw pelo esclarecimento!
Me acalmou, comecei react na alura, fiquei perdido, voltei fiz Java script foco em back, agora tudo faz sentido!!!!vlw soul tinho😅
Tamo junto!!!!
Boa tarde Mario!
Conheci seu canal por conta da imersão de React que tenho muito interesse em aprender, porém ainda não tenho muita experiência com front-end, na verdade conheço só o básico.
Queria saber se tem algumas dicas para quem quer iniciar no mundo do front-end com o foco em React, aliás também vi teu vídeo sobre os livros de programação que te ajudaram.
Bem, fico no aguardo! Obrigado e torço muito pra ver teu canal continuar crescendo. Você é fera!
eae mario acompanho seus videos sempre ,tem como ensinar a criar um calendário em react , pra perder o medo de usar o date do JS
Monstro de mais
Soutinho, você poderia falar dos desafios de deixar o NextJS rápido em infra própria, quando você tira uma aplicação real da vercel e tenta rodar em seu próprio servidor o desempenho fica muito inferior. Tive essa experiência recentemente e voltei pra vercel, vi nos grupos do FB que outras pessoas notaram isso também.
Excelente vídeo
Maravilha!!!
show de bola
que video simples e massa
muito bom esse video.
Mais um conteúdo espetacular! Parabéns!
Ótimo vídeo, valeu!!!
De nada!!
Qual o teclado que você está usando? Gostei do barulho...
###-------------- Sem Instalação.
- Variaveis
- conts, let, var.
- Tipos e dados o JavaScript: String, bool, array, objeto.
- Objeto
- Propriedade e Metodos
- Acessar propriedades e objetos.
- Via .
- Via string
- Array
- Metodos de Array
- concat
- push/pop
- unshift/shitf
- splice
- Função
- Execução blocos de codigo.
- Parametros
- Retorno
- JSX
- HTML dentro do arquivo JavaScript
- Interpolação
- Como rodar codigos dinamicos no meio do template JSX
###-------------- Com Instalação
- Node
- Como instalar?
- Para que serve?
- Package Managers
- Para que serve?
- Como instala algo?
- Como criar um projeto?
Aprendendo react
Obrigado pelas dicas, muito show esse vídeo. Uma pergunta, observei que você usa o WSL 2 com o Ubuntu 20.4, tem como você criar um vídeo falando sobre como configurou esse ambiente? E se tem como rodar algo como o Beekeeper e similares? Abraço Soutinho.
A Rocketseat fez um vídeo legal sobre isso
ruclips.net/video/hd6lxt5iVsg/видео.html
Bom dia Mario ! O vídeo esta correndo rápido de mais. Tive que usar o Slow Motion aqui para acompanhar.
Provavelmente se você ta pesquisando o mínimo necessário de JS pra aprender react, você ainda não chegou lá kkkkk
Muito bom, eu nem sabia que sabia kakakaka
ó function oque mais pratiquei em js que delicia kkkk
video top d+
fala soutinho, é justamente isso que eu tava procurando.
faz uma semana que estudei todo o conteudo de javascript pelo curso do programadorBR. porém to travado, quando pego algum exericio pra fazer não consigo fazer não.. porém quando vejo alguem fazendo até que entendo bem .. o que faço ? vou pro react ? acho que não né ? cara to perdidão.. no curso do programadorBR teve pouquissimos exericicios, acho que foi isso nao sei dizer o que aconteceu. to querendo praticar JS e tenho tempo pra fazer isso, porem não to conseguindo.. to achando que vou ter que estudar tudo novamente ? fodaaaa ajuda ai
Tbm adquiri o curso do Igor, e realmente, pouquíssimos desafios e exercícios! me arrependi da compra
Real. O curso daquele cara é muito ruim, o cara joga coisas na sua cara e não explica nada direito. Na internet tem muito mais conteúdo, e ainda por si de graça, que ensinam melhor do que o dele.
@@gabriel36ization vai de origamid ou b7 . Acredito que são os melhores
Tbm tive a mesma impressão a respeito disso..tbm adquiri o curso e achei que ele não é tão detalhista.Um fica que digo pra vc é começar a fazer projetos vendo no you tube mesmo...Site,jogos etc..vai vendo a aula e fazendo junto...depois tentar replicar sozinho aí vc vai esbarrar na dificuldade e vai procurar uma solução pra ela...as vezes demora dias...mas é assim mesmo...todo começo é difícil...fazer bastante projeto vai clareando aos poucos...depois volta por curso e da continuidade de onde parou...Pra mim me ajudou muito isto..Programador Br só te dá uma leve noção..o resto quem tem que correr atrás e vc mesmo...Veja o canal do Inkasa no RUclips ele explica bem e e focada em projetos práticos... Sucesso
O que desanima é o CSS!! JS é tranquilo demais mas o CSS.......
#aprendendoreact
caraca bixo me lasquei legal
Parabéns pelo vídeo!
O dev ai assustou leigos, agora ninguém vai querer aprender o react. kkkkk
Shshshshsh vale voltar no vídeo de Front End
soutinho, eu passei a escova no like e riscou minha tela :'((((((((
mais sério agora, eu queria mostrar o roadmap pra estagiária, porque olha que tesão o tanto de coisa que existe e você pode aprender (sou desses), mas fiquei com medo de deixar ela apavorada hahahah
Largar tudo pra (só) usar framework é contraproducente, eu vejo que o problema maior nem são as linguagens em si, mas a dificuldade de antes de tudo entender o escopo de cada uma. Principalmente a web que simplesmente não existe sem a tríade html+css+js, diferente de um backend que pode existir usando só uma. Já é muito difícil perceber como os três se relacionam e como um mesmo bug, por exemplo, pode ser resolvido às vezes tanto no html, quanto no css ou no js, o que vai depender são os pros e contras def cada abordagem para seu projeto. Você falou do node e de saber pra que serve, eu lembrei como demorei demais, demais pra entender o papel do node (mas será que eu entendi mesmo?) hahaha
ps: achei polêmico esse negócio de quem não quer ser bom em css :OOOO
manobra pra vender curso
A empresa por trás é a Alura que vende cursos sim, mas o projeto em si tem aulas excelentes e que movimenta uma comunidade gigantesca de gente fazendo junto! Não precisa compra nada pra aproveitar o conteúdo todo que vai rolar durante a semana :)
@@DevSoutinho ou vc não estuda marketing? ou vc e muito inocente de que essa manobra inclusive das suas palavras são pra vender curso? vamos parar de mentir , fala logo a real
@@marcio1938 e se for? o cara ta fazendo conteúdo gratuito uai
@@lucascesar8228 querido não tem conteúdo gratis não , e pura ilusão. vc acha mesmo que ele passa tudo de REACTJS tendo que vender um curso? só acho que fica mais bonito falar a real (quer saber tudo? documentação é gratis)
@@marcio1938 realmente é ilusão dos comunistas que estão controlando a terra plana sob o olhar de kruashtron tra. me convenceu.