React: O minimo de base que você precisa saber para não sofrer começando com a ferramenta #ReactJS

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

🔸 Quer ver mais conteúdos meus? Segue ai!

🔸 Sabia que eu tenho séries na Alura também?

#React #DevTips #JavaScript

[JoaoNeto-upzi]

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.

[Videosuser]

Ó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. :)

[antissocialw]

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.

[DevMalu]

Nossa esse vídeo me ajudou demais mesmo 💪💪 obrigada de coração, estava precisando entender React e encontrei tudo por aqui 🚀🚀🚀

[andrericardo]

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!

[jafeijo]

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!

[ミルトンリベイロ]

Me acalmou, comecei react na alura, fiquei perdido, voltei fiz Java script foco em back, agora tudo faz sentido!!!!vlw soul tinho😅

[SamantaFluture]

valeu pelas dicas! já to fazendo minha revisão de js. aguardando ansiosamente a imersão ;)

[gabrieldecastro]

Provavelmente se você ta pesquisando o mínimo necessário de JS pra aprender react, você ainda não chegou lá

[itxToledo]

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.

[matheusm]

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

[vivianemiranda]

nossa, esse vídeo foi um tapão na cara rs...nunca tinha pensado no react dessa forma

[eemr]

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.

[maiklord]

Um dia vou trabalhar com você ! pode ter certeza, nem assisti o video mas Já gostei ♥♥

[Astafari]

A parte sem instalação eu sei tudo, mas a outra parte eu tô enrolado ainda, vlw pelo esclarecimento!

[michelsantos]

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!

[andersonsiqueira]

Vou começar a aprender React, muito obrigado!!!

[TheDaianesantos]

Adorei o vídeo!! Bora para a imersão...

[hugo]

Agora já sei que já posso começar a aprender react

[ezequielcouto]

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?