v5.0.0

Aula 05

Pra fechar nosso projeto, vamos implementar a funcionalidade que tornará possível o cadastro de novos vídeos! E ver como atualizar a nossa home dinamicamente de acordo com o que for cadastrado :)

Desafios

• Implementar a funcionalidade de edição e de exclusão também!

Conteúdo detalhado dessa aula

• Cadastro de vídeos
• Reuso para reuso de lógicas de state
• Deixando a Home dinâmica
• Fazendo as categorias aparecerem
• Cadastrando vídeos

v4.0.0

Aula 04

Você estava com vontade de ouvir as palavras back-end e fullstack, não é? Bem, tem muitas surpresas nessa aula!

Nós vamos construir um servidor "portátil" e um banco de dados local: nossa aplicação agora vai ficar muito parecido com uma do mundo real.

Além disso, iremos famos fazer a animação do nosso campo de formulário no estilo Netflix!

Conteúdo detalhado dessa aula

• Garantindo padrões de código com EsLint
• Configurando o nosso servidor portátil com json-server

v3.0.0

Nessa aula, nós vamos entender como trabalhar com elementos dinâmicos na tela da nossa aplicação.

Links importantes para você acompanhar

• Categoria.js e formulário
• Código completo da aula 3

Super recados

• Estamos muito animados com vocês compartilhando o código! Continue mandando pra gente e marcando a Alura.
• Hoje tem live as 18:30 com o pessoal da Microsoft sobre o tal do TypeScript. Pois é, vamos longe nessa imersão
• Sim, o curso está ficando mais pesado. Estamos no Discord pra te ajudar.
• Você tá indo bem? Aproveite pra ensinar alguém. É a forma mais forte de reter conhecimento. No próprio discord você pode fazer a sua - própria live
• O Marco Bruno tem feito live todos os dias no Twitch dele
• Eu ajudei o Bugan e o Paulo a criar os novos conteúdos de React da Alura! Em breve lançaremos.

v2.0.0

Aula 02

Nessa aula aprenderemos a lidar com o state do React e entender o que é uma SPA(Single Page Application) além de dar mais vida para nossa home com mais efeitos visuais como o carousel de vídeos.

São poucos os casos que não precisamos da biblioteca react-router-dom em projetos feito com React, vamos explorar bons detalhes dessa bliblioteca e também aplicar um biblioteca para fazer o nosso carousel na home chamada react-slick.

Conteúdo detalhado dessa aula

Olha só:

• Entender o que é um SPA;
• Utilizaremos a react-router-dom para controlar as rotas;
• Entender a diferença entre a tag a e o component Link;
• Como lidar com caminhos paths que não existe, famoso 4040;
• Carousel com a react-slick;
• Criaremos um template com o cabelho e o rodapé;
• Como deixar sempre o footer embaixo na página;
• Criação do formulário para casdastrar categoria;
• E sempre faremos deploy da sua AluraFlix na Vercel.
• Lembre de postar o resultado final da sua AluraFlix com a hashtag #ImersaoReact marcando o Mario, o Marco, a Juliana e o Paulo!

Também entre no nosso server do Discord para compartilhar seus resultados e tirar suas dúvidas com a comunidade e professores, lembre-se que a melhor forma de aprender é ensinando, então não deixe de ajudar a comunidade respondendo as dúvidas e compartilhando seu conhecimento.

v1.0.0

Aula 01 da Imersão React da Alura

Nessa primeira aula de React finalizaremos a home da AluraFlix! E você vai colocá-la no ar!

Usaremos o Create React App para iniciar nosso projeto e styled-components para cuidar da camada de estilo da nossa aplicação, essas duas ferramentas são essenciais do mundo React. Também entenderemos como React se tornou tão popular no mercado de tecnologia.

Conteúdo detalhado dessa aula

• Iniciaremos um projeto com Create React App (CRA);
• Criaremos components com React usando styled-components;
• Organizaremos as pastas do nosso projeto;
• Passaremos propriedades para components;
• Faremos deploy da sua AluraFlix na Vercel.

Lembre de postar o resultado final da sua AluraFlix com a hashtag #ImersaoReact marcando o Mario, o Marco, a Juliana e o Paulo! Além disso, também suba o seu projeto na nossa vitrine, que você pode aprender melhor como fazer através desse vídeo da Ju Negreiros.

Também entre no nosso server do Discord para compartilhar seus resultados e tirar suas dúvidas com a comunidade e professores, lembre-se que a melhor forma de aprender é ensinando, então não deixe de ajudar a comunidade respondendo as dúvidas e compartilhando seu conhecimento.

Desafios dessa aula!

• Colocar a sua versão da AluraFlix, com o nome que você acha feliz;
• Mudar as cores, logo e tudo mais que te der vontade;
• Alterar os vídeos e categorias com conteúdos que você gosta;
• Compartilhar o resultado que você fez nas redes sociais e quem sabe você aparece no conteúdo extra das aulas.
• Extra: Encontrar os easter eggs da Alura no canal do DevSoutinho em cada vídeo sugerido nos links importantes das aulas e marcar o @omariosouto e @aluraonline no Twitter ou Instagram.