Next Level Week - Dia 01

Introdução

E chegamos a terceira edição da Next Level Week (NLW), evento da Rocketseat, onde temos uma quantidade absurda de conteúdo sobre Frontend, Backend e Mobile, tudo isso dentro de uma única semana, de forma gratuita e o melhor, na pratica!

Então, sem mais enrolação, bora conferir como foi esse primeiro dia de NLW#3!

A aplicação

Desde quando esse evento se chamava Semana Omnistack (conhece a Rocketseat a mais tempo vai se lembrar), todos nós ficamos ansiosos para saber qual será o tema da vez. Sempre é um mistério que só é revelado no primeiro dia do evento.

Dessa vez, como o evento será do dia 12 ao 16 de Outubro, o tema foi sobre o dias das crianças (12 de Outubro).

O Diego comenta durante a explicação do layout, que conversando com o Mayk(ão), ele disse que sempre que pode, visita orfanatos e que a experiencia é sempre incrível, e foi daí que surgiu o Happy.

E sinceramente, eu achei a ideia sensacional!

Happy, uma aplicação para aproximar pessoas das crianças de orfanato. Onde podemos encontrar orfanatos próximos para podermos ir visitar as crianças.

Leve felicidade para o mundo.

Visite orfanatos e mude o dia de muitas crianças.

Ambiente de desenvolvimento

A cada evento, a Rocketseat otimiza mais o ambiente de desenvolvimento. Antes tínhamos a primeira aula da semana dedicada exclusivamente para as instalações e configurações necessárias, mas desde a NLW#2, a semana inteira é focada na aplicação, já que o ambiente de desenvolvimento está cada vez mais simples.

Para acompanhar as aulas, precisamos basicamente de um editor de texto (VS Code, por exemplo), o Node.js e um gerenciador de pacotes (NPM ou Yarn).

Entendendo uma API REST

O Diego explicou de forma muito simples e direta o que é uma API REST, tornando fácil o entendimento dos conceitos, que muitas vezes são bem complexos.

Primeiro ele explicou (e desenhou) como eram estruturados os servidores antes de termos API REST:

Depois explicou uma API REST:

O software que ele usou para criar esses diagramas é o Whimsical.

TypeScript

Bom, outra mudança que tivemos desde a NLW#2 foi a introdução ao Typescript, o que pode trazer algumas dificuldades iniciais para quem não trabalhou com esse superset do Javascript.

Tenho um post explicando uma conceitos básico sobre Typescript aqui, confere lá depois.

React

Caso seja a primeira vez que esteja utilizando o React, deve ter ficado com algumas dúvidas, mas isso é normal. Basta praticar que essas dúvidas vão sendo sanadas.

Se pudermos resumir os conceitos principais do React, seriam:

• Componentes
• Props
• Estado

Post exclusivo sobre React e todos esses conceitos e mais, aqui.

Outro ponto que é legal estudar é o JSX (Javascript + XML), pois, quando criamos os componentes em React, escrevemos com essa sintaxe.

Post sobre JSX aqui.

Create-react-app

Essa ferramenta, criada pelo próprio Facebook (criador do React), facilita toda a configuração inicial que precisamos fazer antes de começarmos a criar nossos projetos.

E foi o que o Diego utilizou para criarmos nosso Frontend Web.

Também tenho um post explicando na prática o uso do create-react-app aqui.

Cobertura do evento

Esse evento está apenas começando e vamos aprender muitos conceitos e, o mais importante, codar muito ao longo dessa semana!

Vou colocar aqui minhas anotações sobre cada aula do NLW#3, então fica ligado. XD

Meu projeto

Minha versão da aplicação desenvolvida essa semana esta no Github, basta clicar aqui.