Software Developer,
Tech Educator e Otaku.
Eu me chamo Neilton Seguins, otaku não praticante, desenvolvedor, gamer e contrabaixista. Sou Desenvolvedor de software, Instrutor de cursos de programação e escrevo sobre a vida, universo e tudo mais no Dev.to
#Artigos
Documentando API’s com Swagger
Aprenda como documentar e adotar boas práticas de documentação com Swagger.
Saiba mais →
Leetcode #1: verificando parênteses válidos
Aprenda como validar parênteses em JavaScript usando pilha, objetos e estruturas simples para garantir que os símbolos estejam balanceados.
Saiba mais →
Atomic Design e a criação de interfaces na Web
Entenda como o Atomic Design organiza a construção de interfaces em cinco níveis, tornando seu front-end mais modular, reutilizável e fácil de manter.
Saiba mais →#Cursos
CSS: explorando seletores e utilizando variáveis
Entenda como utilizar seletores avançados de CSS para estilizar elementos de forma específica e aplique variáveis CSS em seus projetos.
Saiba mais →
CSS: aplique responsividade usando media queries
Use media queries para criar layouts responsivos e aplique técnicas de layout fluido com medidas flexíveis, imagens responsivas usando srcset e muito mais.
Saiba mais →
React: desenvolva aplicações tipadas e escaláveis com Typescript
Crie aplicações React fortemente tipadas com os super poderes do Typescript. Entenda os diferentes tipos, estruturas do TS e muito mais.
Saiba mais →
React com Typescript: aplique Hooks e Context API tipados
Entenda como tipar seus hooks do React com o Typescript e explore os poderes da context API tipada.
Saiba mais →
React: gerencie estados globalmente com Context API
Aplique a Context API para evitar o 'prop drilling', simplificando o compartilhamento de dados entre componentes.
Saiba mais →
Redux Toolkit: explorando a arquitetura Flux
Aprenda sobre gerenciamento de estados globais de suas aplicações React usando o Redux Toolkit e arquitetura flux.
Saiba mais →
Mobx: gerenciando estados em aplicações React
Aprenda a instalar e configurar o MobX em projetos React, organizando o estado com stores, observáveis, ações, derivações, reações automáticas e integração com Context API.
Saiba mais →
React: acessibilidade para desenvolver interfaces inclusivas
Domine os princípios de acessibilidade em React, criando componentes com controle de foco, uso de eventos, padrões WAI-ARIA, marcação semântica e testes com ferramentas e leitores de tela.
Saiba mais →
React: gerencie e valide formulários com o React Hook Form
Aprenda a usar o React Hook Form para criar formulários com validações personalizadas, gerenciamento de erros, integração com APIs e bibliotecas externas.
Saiba mais →
React: eleve o nível de seus formulários com Zod e o React Hook Form
Utilize a biblioteca Zod para validar formulários com esquemas tipados, aplicando transformações e refinamentos, integrando com React Hook Form e Supabase.
Saiba mais →
React: transforme sua aplicação web em uma PWA
Aprenda a transformar aplicações React em PWAs, explorando Service Workers, estratégias de cache, funcionamento offline e ferramentas como vitePWA e Workbox.
Saiba mais →
React: implemente notificações push e sincronização em background
Implemente notificações push personalizadas em PWAs com Firebase Cloud Messaging e Service Workers, criando campanhas segmentadas e garantindo funcionalidade offline com sincronização em background.
Saiba mais →
React: evolua o seu Design System com TailwindCSS
Aprenda a criar uma biblioteca de componentes escalável com Next.js, Tailwind CSS, Storybook, Atomic Design, estilização condicional com cva e classnames, e componentes acessíveis com Headless UI.
Saiba mais →
React: eleve o nível da sua documentação no Storybook
Crie modais e dropdowns acessíveis com Next.js, Tailwind e Headless UI, documente seus componentes com Storybook, teste visualmente com Chromatic e publique sua biblioteca na Vercel.
Saiba mais →
React: versione e publique o seu Design System
Aprenda a publicar sua biblioteca de componentes no npm, gerenciar versões com versionamento semântico, lidar com breaking changes, escolher licenças adequadas e criar uma documentação clara para uso e instalação.
Saiba mais →
Radix UI: criando componentes acessíveis e personalizáveis
Aprenda a instalar e configurar a Radix UI em projetos React, criando componentes acessíveis e dinâmicos como menus e acordeões, personalizados para seu design system com foco em acessibilidade.
Saiba mais →
React: explore e aprofunde seus conhecimentos nos hooks essenciais
Entenda a origem, função e aplicação dos principais React Hooks (useState, useEffect, useContext, useReducer), como utilizá-los corretamente em projetos React.
Saiba mais →
React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
Entenda a importância dos testes no desenvolvimento Front-end, aprenda a usar Jest e React Testing Library para escrever testes automatizados, simular comportamentos do usuário e garantir a qualidade da aplicação.
Saiba mais →
React: testes de integração e mocks no Front-end
Aprenda a testar rotas, componentes, hooks e APIs em React, utilizando testes de integração, mocks e relatórios de cobertura, além de proteger seu repositório no GitHub com actions para garantir a segurança do código.
Saiba mais →
React: escreva testes end to end com Cypress
Aprenda a usar o Cypress para escrever testes de ponta a ponta, criando comandos personalizados, testando formulários, múltiplas páginas e jornadas de usuário.
Saiba mais →
React: avançando em testes e2e com Cypress
Aprenda boas práticas de organização de testes no Cypress, testando APIs, usando mocks e stubs, realizando testes com dados dinâmicos e em diferentes tamanhos de tela e muito mais.
Saiba mais →
React: praticando o consumo de APIs
Aprenda a consumir APIs em React de forma segura, usando `useEffect`, `useState` e boas práticas com variáveis de ambiente.
Saiba mais →
Javascript: praticando o uso do local storage
Aprenda a usar o `localStorage` para armazenar e sincronizar dados no navegador, criando aplicações web interativas com HTML e CSS.
Saiba mais →#Projetos
Techguide.sh
Colaboro no Techguide. O Techguide é uma iniciativa da Alura para mapear as necessidades mais comuns em cada profissional de tecnologia muito inspirado na filosofia do dev em T.
Saiba mais →
CSS com bandeiras
Por diversão resolvi criar bandeiras de países com CSS para praticar. Deixei os códigos abertos no open source para quem quiser se inspirar também.
Saiba mais →Algorithms-js
Gosto de as vezes me desafiar implementando ou resolvendo problemas de código. E nada melhor do que colaborar com um repositório que mantém uma base de algoritmos importantes, mas com JavaScript.
Saiba mais →
Meu Maranhão
Um dos primeiros projetos que desenvolvi quando comecei a aprender programação. Deixo ele do jeitinho que fiz para me lembrar sempre de onde comecei e onde estou.
Saiba mais →