Skip to content

MatheusIshiyama/NLW5-ReactJs

Repository files navigation

Next Level Week 5 Rocketseat - ReactJs

Nextjs React Typescript SASS

A Next Level Week é um evento da Rocketseat de imersão em tecnologia. Onde é uma semana de aulas com conteúdos incríveis e uma comunidade bem massa de se fazer network. Nesse evento há diversas tecnologias, esta por exemplo é a trilha de ReactJs.

Banner

#juntosparaoproximonivel

Spaceship

Proposta do projeto NLW5 ReactJs

A proposta deste projeto é desenvolver um app de podcast com as tecnologias Next.js, ReactJs e Typescript.

Conteúdo

Dia 1

O primeiro dia foi para apresentar as tecnologias Next.js, React e Typescript. Além de explicar sobre o projeto a ser desenvolvido e a respeito de componentes no React e sobre Server-Side Rendering (SSR) e Static Site Generation (SSG).

Dia 2

O segundo dia foi de explicação de como utilizar o Typescript no React e também foi criado dois componentes, o header e o player que estará presente em boa parte das telas.

Dia 3

O terceiro dia foi para a gente finalizar a tela principal (index), fazer a tela de episode, onde podemos ver informações sobre o episódio e fazer a rota da página index para a página de episode.

Dia 4

No quarto e penúltimo dia a gente aprendeu muita coisa, vimos sobre o Context no React, sobre as Ref's de um componente HTML no React e além disso a gente concluiu a parte de controle de play e pause do podcast.

Dia 5

No último dia a gente concluiu a aplicação do podcast, implementando os controles do player (next, previous, loop, shuffle e o slider).


Agradecimento à Rocketseat 🚀 pelo evento incrível!💜

Matheus Ishiyama