Desenvolvedor(a) Front-end React Pleno (Notificações)

Sylision; United States; Remote; USD 11,000 - 15,000; Full time

Benefits offered by this job

Ambiente colaborativo

Trabalho remoto 100%

Flexibilidade de horário

Remuneração competitiva

Seguro saúde opcional

Job summary

Sylision procura um(a) Desenvolvedor(a) Front-end React pleno para construir a central de notificações 100% remota, com React, Next.js e WebSocket. Você irá manter consistência entre abas, lidar com permissões de notificação e escrever testes.

Requisito dominar React com hooks, TypeScript, Next.js e testing com Testing Library; experiência em serviços de notificação é diferencial. Remuneração de R$ 5.000 a R$ 6.500, contratação CLT ou PJ.

Qualifications

• Conhecimento sólido em React com hooks e renderização eficiente.
• Domínio de TypeScript e Next.js em produção.
• Conexão em tempo real com WebSocket ou SSE.
• Noção de service workers e da API de notificações do navegador.
• Testes de componentes e de fluxo completo com Testing Library/Playwright.
• Autonomia para definir a arquitetura do front-end.

Responsibilities

• Construir a central de notificações com lista, filtros e ações em massa.
• Manter o contador de não lidas sincronizado entre abas e dispositivos.
• Implementar notificações do navegador com service workers e permissão no momento certo.
• Agrupar avisos semelhantes para evitar excesso de alertas.
• Desenvolver a tela de preferências por tipo de aviso e por canal.
• Escrever testes com Testing Library e Playwright.
• Garantir que leitores de tela anunciem novas notificações.

Skills

React

TypeScript

Next.js

WebSocket

Acessibilidade

Tools

Testing Library

Playwright

Service Workers

Job description

Vaga aberta de Desenvolvedor(a) Front-end React Pleno (Notificações). A empresa contratante é confidencial neste anúncio, e a seleção é conduzida pela Sylision.

Nível: pleno.

Modelo de trabalho: 100% Remoto.

Faixa salarial: R$ 5.000 a R$ 6.500.

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

Sobre a vaga:

A central de notificações é o lugar onde a pessoa vê tudo o que o sistema quis avisar: mensagens novas, mudanças de situação, lembretes e alertas. Ela aparece como um sino no topo da página, uma lista com lidas e não lidas, notificações do navegador quando a aba está em segundo plano e uma tela de preferências para escolher o que receber e por qual canal.

O front-end dessa central é feito em React com Next.js e fica sob sua responsabilidade. Os desafios são de sincronia e de respeito à atenção da pessoa: o contador de não lidas precisa bater entre abas abertas, a notificação lida no celular precisa aparecer como lida no computador e um pico de avisos não pode virar uma chuva de alertas na tela. As notificações do navegador dependem de permissão, e pedir essa permissão na hora errada faz a pessoa recusar para sempre.

Você vai decidir como o front-end recebe atualizações e organiza o estado, e escrever os testes que garantem o comportamento em vários cenários de aba e de conexão.

O que você vai fazer:

• Construir a central com lista, filtros, marcação de lidas e ações em massa
• Manter o contador de não lidas sincronizado entre abas e aparelhos
• Implementar notificações do navegador com service worker e pedido de permissão no momento certo
• Agrupar avisos semelhantes para evitar excesso de alertas
• Desenvolver a tela de preferências por tipo de aviso e por canal
• Escrever testes com Testing Library e de ponta a ponta com Playwright
• Garantir que leitores de tela anunciem as notificações novas

Requisitos:

• React com hooks avançados e controle de renderização
• TypeScript e Next.js em produção
• Comunicação em tempo real com WebSocket ou Server-Sent Events
• Noção de service workers e da API de notificações do navegador
• Testes de componente e de fluxo completo escritos junto com o código
• Autonomia para decidir a arquitetura do front-end do módulo

Diferenciais:

• Ter construído central de notificações ou caixa de entrada
• Broadcast Channel ou outra forma de comunicação entre abas
• Acessibilidade com regiões de anúncio dinâmico
• Métricas de engajamento com notificações

Como é trabalhar aqui:

Vaga 100% remota, com contratação CLT. A sede fica em São Paulo, SP. O time mede quantas pessoas desativam notificações depois de cada mudança e usa esse número para decidir o que manter, com revisão de código em toda entrega. Avisar menos e melhor te parece mais difícil do que avisar tudo? 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
• Service Workers
• TanStack Query
• Testing Library
• Playwright
• CSS
• Git