Nesse vídeo vamos resolver um desafio técnico de uma vaga de desenvolvedor Frontend. O desafio consistia em reproduzir uma interface de um E-Commerce, os pré requisitos incluiam o uso do framework Next JS (nextjs.org/) para a construção da aplicação e da biblioteca Styled-Components (styled-components.com/), a qual aproveitamos as features de CSS in JS para componentizar e modularizar nossa aplicação. Além disso, precisamos realizar a integração com a API GraphQL para listagem e filtragem dos produtos, e utilizar recursos como useState e Context API para controle dos estados da aplicação.
👉 Curso para aprender React JS e Next JS!
www.rocketseat.com.br/ignite?...
CUPOM: KIPPERDEV@IGNITE
👉 Curso para Iniciantes na Programação
www.rocketseat.com.br/explore...
CUPOM: KIPPERDEV@EXPLORER
🔗 Link da solução no GitHub
github.com/Fernanda-Kipper/ch...
🔗 Link do desafio
github.com/Rocketseat/fronten...
👉Me siga no instagram!
/ kipper.dev
🌎 Comunidade do Discord
/ discord
-- Timestamps --
00:00:00 Intro
00:01:00 Explicando o desafio
00:05:27 Configuração inicial
00:10:55 Construção dos componentes
00:51:00 Criação do contexto de filtros
01:16:00 Consumindo API GraphQL
01:29:20 Listagem de produtos
01:46:38 Filtragem de produtos
31 май 2024