Desenvolvedor(a) Front-end React Júnior (Cálculo de Frete)

Sylision; Stati Uniti; Remoto; USD 6700 - 10.000; Tempo pieno

Vantaggi offerti da questo lavoro

Ambiente remoto

Flexibilidade de horário

Conexão com times globais

Apoio à saúde com Programas de bem‑est

Descrizione del lavoro

A Sylision procura um Desenvolvedor(a) Front-end React Júnior para implementação de cálculo de frete em página de produto e carrinho. Você irá trabalhar com Next.js, React e TypeScript em ambiente 100% remoto, com foco em entrega rápida e confiável.

O papel envolve máscara de CEP, validação, exibir opções de entrega com preço e dias úteis, lidando com cenários de erro e ausência de cobertura. Requisitos incluem React, TS, HTML/CSS, acessibilidade e testes.

Competenze

• Projeto com React (front-end)
• Conhecimentos de JavaScript e TypeScript
• Uso de Hooks e estado no React
• HTML e CSS responsivo
• Acessibilidade em formulários curtos
• Consumo de API com tratamento de erro
• Git no dia a dia

Mansioni

• Construir o componente de frete usado no produto e no carrinho
• Implementar máscara de CEP e validação
• Exibir opções de entrega com preço e prazo
• Tratar carregamento, erro e ausência de entrega
• Usar TanStack Query para cache de CEP e carrinho
• Recalcular frete ao mudar itens sem chamadas repetidas
• Escrever testes com Testing Library
• Armazenar CEP para visitas futuras

Conoscenze

React

JavaScript

TypeScript

Hooks React

HTML/CSS

Strumenti

Next.js

TanStack Query

Testing Library

Zod

Git

Descrizione del lavoro

Vaga aberta de Desenvolvedor(a) Front-end React Júnior (Cálculo de Frete). A empresa contratante é confidencial neste anúncio, e a seleção é conduzida pela Sylision.

Nível: junior.

Modelo de trabalho: 100% Remoto.

Faixa salarial: R$ 3.000 a R$ 4.500.

Contratação: tempo integral, CLT ou PJ.

Sobre a vaga:

No carrinho e na página do produto, a pessoa digita o CEP e espera ver na hora as opções de entrega com preço e prazo. Por trás, o cálculo consulta transportadoras, aplica regras de frete grátis e de promoção e soma o prazo de separação. O front-end mostra esse resultado e precisa lidar com o que demora, com o CEP que não existe e com a opção que some quando o carrinho muda.

Você vai trabalhar em React com Next.js nesse componente que aparece em várias páginas. Os detalhes contam: máscara de CEP que aceita colar com hífen ou sem, CEP lembrado entre visitas, prazo mostrado em dias úteis junto com a data estimada, aviso claro quando um item do carrinho não é entregue naquela região.

Como o frete pesa muito na decisão de compra, qualquer mudança na forma de mostrar o resultado é medida antes de ser liberada para todos.

O que você vai fazer:

• Construir o componente de cálculo de frete usado na página de produto e no carrinho
• Implementar a máscara e a validação de CEP
• Exibir as opções de entrega com preço, prazo em dias úteis e data estimada
• Tratar carregamento, erro e falta de cobertura de entrega
• Usar TanStack Query para cache das consultas por CEP e por carrinho
• Recalcular o frete quando os itens do carrinho mudam, sem chamadas repetidas
• Escrever testes com Testing Library para os principais cenários
• Guardar o CEP informado para a próxima visita, com opção de trocar

Requisitos:

• Projeto próprio, estágio ou curso com React
• JavaScript e TypeScript
• Hooks e estado no React
• HTML e CSS responsivo
• Noção de acessibilidade em formulário curto
• Consumo de API com tratamento de erro
• Git no dia a dia

Diferenciais:

• Next.js
• TanStack Query ou SWR
• Noção de teste A/B
• Noção de como o prazo de separação entra no prazo final
• Ter medido desempenho de página com Lighthouse
• Ter comparado preço de frete como consumidor exigente

Como é trabalhar aqui:

Vaga 100% remota, com contratação CLT. A sede fica em Minas Gerais. As mudanças de tela saem com um pequeno teste medido antes de serem liberadas para todo mundo, e a revisão de código pede teste de componente para cada cenário de erro. Saber quanto uma mudança de texto no prazo de entrega afetou as vendas te interessa? Na candidatura, informe a sua pretensão salarial.

Benefícios oferecidos pela empresa contratante:

• Ambiente colaborativo, com senso de comunidade e conquistas celebradas em equipe
• Trabalhe de qualquer lugar, com liberdade e flexibilidade
• Conexão global: convivência com times de diferentes países e culturas
• Apoio à saúde física com TotalPass e Mediquo
• Cuidado com a saúde mental pelo programa Team Care
• Contratação e jornada definidas com a empresa contratante

Tecnologias envolvidas:

• React
• TypeScript
• Next.js
• TanStack Query
• Testing Library
• CSS
• Zod
• Git

Seus dados: tratados conforme a LGPD, com remoção a qualquer momento, a pedido.