Desenvolvedor Front-end React Sênior

No Grupo Stefanini, acreditamos no poder da colaboração. Co-criamos soluções inovadoras em parceria com nossos clientes, combinando tecnologia de ponta, inteligência artificial e a criatividade humana. Estamos na vanguarda da resolução de problemas de negócios, proporcionando impacto real em escala global.

Ao se juntar à Stefanini, você se torna parte de uma jornada global de transformação. Estamos empenhados em criar impacto positivo não apenas nos negócios, mas também na vida de nossos colaboradores. Se você procura uma oportunidade de crescimento profissional em uma empresa que valoriza inovação, respeito, autonomia e parceria, você encontra aqui!

Junte-se a nós e seja parte da mudança!

#LIONSITE

#LI-SS1 

Estamos buscando uma Pessoa Desenvolvedora Front-end React Sênior para atuar no desenvolvimento e evolução de aplicações web modernas, com foco em React, TypeScript e arquitetura de Microfrontends (MFE).

A pessoa profissional será responsável por construir componentes reutilizáveis, desenvolver aplicações SPA, integrar APIs e BFFs e atuar em uma arquitetura distribuída, considerando também aspectos de segurança, autenticação, autorização e performance.

Buscamos alguém com forte domínio técnico de React e TypeScript, experiência prática com arquiteturas de Microfrontends e capacidade de atuar com autonomia em ambientes de alta complexidade.

Principais responsabilidades

• Desenvolver e evoluir aplicações SPA utilizando React e TypeScript.
• Criar componentes funcionais, reutilizáveis e escaláveis.
• Utilizar Hooks do React, Context API e React Router.
• Desenvolver custom hooks e soluções de componentização avançada.
• Implementar e manter arquiteturas de Microfrontends.
• Trabalhar com Module Federation 2.0, incluindo conceitos de host, remote e shared dependencies.
• Implementar integração entre Microfrontends utilizando Bridge Pattern.
• Garantir o correto compartilhamento e versionamento de dependências entre aplicações.
• Integrar aplicações frontend com APIs e Backend for Frontend (BFF).
• Implementar tratamento de respostas, erros estruturados, CORS e credenciais.
• Aplicar boas práticas de segurança no frontend, incluindo proteção contra XSS e controle de acesso baseado em permissões.
• Trabalhar com autenticação baseada em OIDC/OAuth2 e compreender conceitos de sessões e tokens.
• Desenvolver interfaces responsivas utilizando CSS Modules, Flexbox, Grid e CSS Custom Properties.
• Realizar debugging e análise de performance utilizando as ferramentas de desenvolvedor dos navegadores.
• Participar de code reviews e contribuir para padrões de qualidade e arquitetura.
• Manter documentação técnica das soluções desenvolvidas.
• Atuar de forma colaborativa com times de desenvolvimento, arquitetura, backend e demais áreas técnicas.

Requisitos obrigatórios

React

• 4 a 5 anos de experiência em desenvolvimento Front-end.
• 3+ anos de experiência prática com React.
• Experiência com React 19.
• Domínio de Hooks: useState, useEffect, useCallback, useMemo, useContext e useRef.
• Experiência com Context API, Provider/Consumer e contextos tipados.
• Domínio de React Router v6, incluindo:
• Rotas dinâmicas;
• Nested routes;
• Navegação programática;
• Outlet;
• basename.
• Forte experiência com componentização, composição e reutilização de componentes.
• Experiência na criação de custom hooks.
• Domínio de renderização condicional, listas e utilização adequada de keys e memoização.

TypeScript

• Domínio de TypeScript em modo strict.
• Tipagem de props, estados, retornos de APIs e eventos.
• Experiência com interfaces e types.
• Modelagem de domínio e DTOs.
• Conhecimento de tipos de resposta de APIs e discriminated unions.
• Experiência com tipagem de Hooks, Contextos e custom hooks.

Microfrontends

• Experiência prática com arquitetura de Microfrontends.
• Conhecimento de aplicações independentes e deploy independente.
• Domínio de Module Federation 2.0.
• Conhecimento dos conceitos de:
• Host e Remote;
• Shared dependencies;
• Singletons;
• Versionamento;
• Manifests.
• Experiência com Bridge Pattern para isolamento e integração de React Router entre Microfrontends.
• Conhecimento de gerenciamento de dependências compartilhadas, incluindo singleton, carregamento eager/lazy e resolução de conflitos de versões.

Segurança

• Conhecimento sobre utilização de cookies httpOnly e autenticação baseada em sessão.
• Compreensão dos fluxos OIDC/OAuth2, incluindo IDP, tokens e sessões.
• Experiência/conhecimento de RBAC no frontend, com controle de acesso por permissões.
• Conhecimento de proteção contra XSS.
• Conhecimento sobre sanitização de inputs e Content Security Policy.
• Compreensão dos riscos e limitações do uso de dangerouslySetInnerHTML.

APIs e BFF

• Domínio de Fetch API e/ou Axios.
• Experiência com requisições HTTP, headers, async/await e tratamento de erros.
• Conhecimento do padrão BFF — Backend for Frontend.
• Experiência no tratamento de respostas envelopadas e erros estruturados.
• Conhecimento de CORS, preflight requests e credenciais.
• Experiência com withCredentials em cenários de autenticação.

CSS e UI

• Domínio de CSS Modules.
• Conhecimento sólido de CSS moderno:
• Flexbox;
• CSS Grid;
• Custom Properties;
• Responsividade.

Ferramentas

• Domínio de Git, incluindo branching, merge/rebase, resolução de conflitos e code review.
• Experiência com npm, package.json, scripts, lockfiles e gerenciamento de dependências.
• Domínio de ESLint e Prettier.
• Experiência com DevTools do navegador, especialmente Console, Network e Performance.

Conhecimentos desejáveis

• Suspense e recursos de concorrência do React.
• Lazy loading e Suspense Boundaries.
• Zustand ou outras bibliotecas de gerenciamento de estado.
• React Hook Form.
• Generics avançados e Utility Types do TypeScript.
• Type Guards e Type Narrowing.
• Path aliases e configuração avançada de tsconfig.
• Registro dinâmico de Microfrontends em runtime.
• Exposição e consumo de módulos com Module Federation.
• MUI (Material UI) v7.
• Emotion / CSS-in-JS.
• Acessibilidade (a11y).
• Testes automatizados com Jest, React Testing Library ou Vitest.
• Testes unitários e de integração.
• Experiência com CI/CD.

Diferenciais

• Conhecimento de RSBuild como bundler.
• Experiência com troubleshooting de Module Federation, incluindo shared scopes, chunk loading errors e conflitos de versão.
• Conhecimento de Error Boundaries e estratégias de recuperação de falhas.
• Experiência com padrões avançados de React, como:
• Render Props;
• Compound Components;
• Controlled/Uncontrolled Components.
• Conhecimento de JWT/JWKS.
• Conhecimento de práticas de segurança OWASP para SPAs.
• Experiência com AuthProvider/RBACProvider.
• Conhecimento de modelos de permissões estruturadas.
• Experiência com Design Systems e component libraries.
• Experiência com theming por sistema ou tenant.
• Conhecimento básico de Docker e Docker Compose.
• Experiência com distribuição e versionamento de pacotes compartilhados via npm.
• Conhecimento de npm pack, npm link e workspaces.