React JS - MELHOR GUIA para Iniciantes! (2020)
React JS é uma biblioteca (não framework) JavaScript baseado em componentes! Isso é uma informação muito importante, pois toda biblioteca do tipo possui seus pontos fortes e limitações.
Nessa videoaula eu mostro uma abordagem diferente dos demais. Eu ilustro os conceitos aplicados no React com imagens para você ter uma visão diferente no desenvolvimento.
Sair engolindo código React JS não vai te ajudar, é muito importante conhecer a proposta, as dores e ver as soluções propostas pela biblioteca.
Nessa aula também configuramos o Babel JS na unha para transpilar o JSX para JavaScript. De bônus você finalmente vai entender Babel ;)
Como toda biblioteca baseado em componentes, ela possui suas limitações na hora de propagar informações entre componentes, já que trabalha com one-way data binding, aqui vemos suas soluções como a técnica de Composition e Context API.
Falamos também sobre o estado do componente, utilizamos o Hook useState e uma técnica chamada Lifting State UP. Por fim mostro o lifecycle do componente utilizando outro Hook: useEffect.
No geral, os principais tópicos abordados são:
O que são componentes
Começando via CDN
Encadeando componentes
One-way data flow (One-way binding)
Context API
Babel JS - Transpilando JSX
Composition (Composição)
Estado do componente - Utilizando React Hooks: useState
Lifting State Up (Elevando o estado do componente)
Ciclo de vida do componente com Hook useEffect (Exemplo salvando dados no local storage)
---
INSCRIÇÕES ABERTAS PARA O MEU CURSO JS RAIZ🔥🔥
https://jsraiz.com
ME AJUDE A SER UM GITHUB STAR ME NOMEANDO AQUI :
Coloque meu nome de usuário @ayrtonteshima e escreva sobre meus conteúdos do canal ;)
👉 https://stars.github.com/nominate/
---
OUTROS VÍDEOS DO CANAL
React JS - MELHOR GUIA para Iniciantes! (Teoria e Prática)
• React SSR - Servidor e no front! Express.J...
Vue JS em 1 hora!
• VueJS em 1 hora! (Teoria e prática)
Estudo mas NUNCA aprendo JavaScript (3 dicas)
• Estudo JavaScript mas NUNCA Aprendo! (3 di...
Playlist: Curso de JavaScript fundamentos
• Javascript: Curso de JS mais completo do YT
Como eu aprendi JavaScript
• Como eu aprendi JavaScript (e funcionou!)
--
REDES SOCIAIS
Dicas diária de JavaScript (Canal Telegram JavaScript Raiz)
https://jsraiz.com/canal-telegram-js-...
Instagram:
@programadorabordo
Telegram:
https://t.me/programadorabordo
Facebook:
https://fb.com/programadorabordo
Twitter:
@devabordo
TREINAMENTO
Meu curso JS Raiz. Uma abordagem inovadora de JavaScript e frameworks front-end:
https://jsraiz.com