/spacetraveling

Essa é uma aplicação desenvolvida durante o capitulo III do bootcamp Ignite de 2021. A aplicação consiste em fixar os conceitos básicos e boas práticas da programação utilizando ReactJS e NextJS.

Primary LanguageTypeScript

ReactJS


📖 spacetraveling

📙Sumário

💡 Sobre o repositório

ReactJS

Um desafio proposto na trilha Ignite de 2021 com objetivo de mostrar os conhecimentos aplicados durante o capítulo <strongIII; O spacetraveling é uma aplicação que consiste em um site, estilo blog, onde conteúdos publicados em um CMS (Prismic) são visualizados no site. Conceitos como:

  • Estilizações global, comum e individuais;
  • Importação de fontes Google;
  • Paginação de posts;
  • Cálculo de tempo estimado de leitura do post;
  • Geração de páginas estáticas com os métodos getStaticProps e getStaticPaths;
  • Formatação de datas com date-fns;
  • Uso de ícones com react-icons;
  • Requisições HTTP com fetch;
  • Entre outros.

Apesar de serem poucas funcionalidades, conceitos muito importantes foram aplicados, como:

  • Estados
  • Imutabilidade do estado
  • Listas e chaves no ReactJS
  • Propriedades
  • Componentização
  • Conceitos do NextJS

🔨 Tecnologias e bibliotecas utilizadas

  • @prismicio/client: ^6.4.3
  • @prismicio/helpers: ^2.3.0
  • @prismicio/next: ^0.1.2
  • @prismicio/react: ^2.3.0
  • @prismicio/types: ^0.1.27
  • date-fns: ^2.19.0
  • next: 10.0.7
  • prismic-dom: ^2.2.5
  • react: 17.0.1
  • react-dom: 17.0.1
  • react-icons: ^4.2.0
  • whatwg-fetch: ^3.6.2

👷 Considerações finais

👨‍🎓 Créditos

Especialmente à Rocketseat pela trilha incrível.

👆 Voltar ao Sumário

Autor

Jordão
Jordão Beghetto Massariol 🚀

Feito com ❤️ por Jordão Beghetto Massariol 👋🏽 Entre em contato!

Linkedin