Resolvendo DESAFIO de VAGA FRONTEND com React, Next JS, Typescript e GraphQL - parte 1
🔗 Portal de Cursos GRATUITOS + Curadoria
https://fernandakipper.com/yt/descricao
🔗 Nossa NEWSLETTER Gratuita de Tecnologia
https://www.boratomarcafe.com/yt/vd-d...
⭐ Seja um membro do canal e tenha acesso às lives, vídeos e conteúdos exclusivos!
/ @kipperdev
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 (https://nextjs.org/) para a construção da aplicação e da biblioteca Styled-Components (https://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!
CUPOM: KIPPERDEV@IGNITE
👉 Curso para Iniciantes na Programação
CUPOM: KIPPERDEV@EXPLORER
🔗 Link da solução no GitHub
https://github.com/Fernanda-Kipper/ch...
🔗 Link do desafio
👉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