Bruno NardiniArtigos

Tech Blog

Ideias e experiências sobre engenharia de software, arquitetura, tecnologia, carreira e tudo o que aprendemos construindo produtos.

  • Todos
  • Novidades
  • Processos Ágeis
  • Empreendedorismo
  • Gestão de Empresas
  • Gestão de Projetos
  • Back-end
  • Front-end
  • Padrões de Projeto
  • Mobile
  • Palestras
  • React
  • Carreira
    • Front-end
    • React

    Como resolver o encadeamento de providers no React

    Com a introdução do hook useContext ficou mais prático de trabalhar com estado global no React, sem a necessidade de usar vários consumers no JSX. Porém, ainda há a necessidade de declarar o Provider dentro JSX, então sem perceber podemos entrar no Provider Hell como este:

    • Front-end
    • React

    Refatorando código legado em projetos React

    Em 2019 escrevi um série de 5 artigos explicando passo a passo como refatorar um código legado em um projeto React:

    • Front-end
    • Back-end

    Meu VS Code snippets

    Code snippets são blocos de códigos dinâmicos e reutilizáveis. Você pode usar extensões que já possuem vários snippets prontos e você pode criar para aqueles seus códigos que você digita repetitivamente.

    • Front-end
    • Back-end

    Dominando o VS Code

    Já tem alguns anos que adotei o Visual Studio Code como minha IDE principal para desenvolvimento web. Neste artigo vou mostrar como eu o turbinei com plugins e configurações para ser muito mais produtivo.

    • Front-end
    • React

    Padrão de projetos para Rotas

    Criar rotas é uma tarefa bem simples, a maioria dos frameworks já dão suporte nativo, mas com o crescimento do projeto algumas decisões podem dificultar a manutenção. Neste artigo vou dar uma sugestão de como organizar as rotas para facilitar o desenvolvimento de projetos complexos. Os exemplos estarão usando apenas as bibliotecas React e React Router, mas o padrão pode ser usado para qualquer biblioteca de front-end ou até mesmo de back-end. O React Router também possui suporte para rotas estáticas e pode ser usado no Rails, Express, Koa, Ember, Angular, por exemplo.

    • Front-end
    • React

    Notificações, Toast, React e Redux

    A missão era simples: enviar uma mensagem não bloqueante de sucesso ou erro em resposta a uma requisição assíncrona. Seria simples se não fosse pelas palavras em negrito, pois me deparei com várias questões de arquitetura do projeto que está em React com Redux, e ao pesquisar a melhor solução eu vi vários artigos em blog inconformados com o problema e dando suas sugestões de como deveria ficar, só que nenhuma dessas soluções me deixou confortável. Então neste artigo eu trago uma alternativa, expondo passo a passo as questões levantadas e as decisões tomadas para implementar essa solução.

    • Front-end
    • Back-end
    • Palestras

    7 motivos para escolher Node.js

    Abaixo está minha palestra para o Web Dev Summit 2015, feita utilizando JavaScript e está com código livre no GitHub:

    • Front-end

    Unheap – Lista de Plugins de JQuery

    Quem não já se pegou no google procurando por plugins em JQuery? A Unheap tornou esse trabalho mais fácil, criou uma plataforma organizada com diversos plugins de boa qualidade, com opções para todos os gostos.

    • Back-end
    • Front-end

    Alternando entre comentários

    Abra sua IDE e coloque o seguinte código:

Bruno Nardini

Engenharia de software, ideias e aprendizados pelo caminho.

Navegar

  • Início
  • Artigos
  • Sobre mim

Assuntos

  • Front-end
  • Back-end
  • Mobile
  • Carreira
  • Processos Ágeis

Copyright © 2026 Bruno Nardini.