8 posts com a tag "front-end"

Veja todas as tags

Como resolver o encadeamento de providers no 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:

Refatorando código legado em projetos 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:

Meu VS Code snippets

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.

Dominando o VS Code

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.

Padrão de projetos para Rotas

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.

Notificações, Toast, React e Redux

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.

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.

Alternando entre comentários

Abra sua IDE e coloque o seguinte código: