Como Corrigir Um Commit Na Branch Errada No Git

Você acabou de fazer um commit, mas percebeu que está na branch errada? Não se preocupe, é fácil corrigir isso antes de fazer o push para o repositório remoto. Siga este guia passo a passo para corrigir um commit na branch errada no Git:

  1. Desfaça o último commit:

    1
    git reset HEAD^

    Isso desfaz o último commit, mantendo as mudanças locais.

  2. Volte para a branch correta:

    1
    git checkout nomedaoutrabranch

    Substitua “nomedaoutrabranch” pelo nome da branch correta.

  3. Refaça o commit na branch correta:

    1
    git commit -c ORIG_HEAD

    Isso reutiliza a mensagem de commit e aplica as mudanças à branch correta.

  4. Faça o push das mudanças:

    1
    git push origin nomedaoutrabranch

    Envie as mudanças para a branch remota correta.

Lembre-se de adaptar “nomedaoutrabranch” para o nome real da sua branch correta. Este procedimento funciona apenas se você ainda não fez o push do commit para o repositório remoto. Se já tiver feito o push, considere outras abordagens para evitar problemas com o histórico compartilhado. Agora você está pronto para manter seu histórico de commits organizado!

Aproveitando O Poder Do CustomEvent No React - Comunicação Entre Componentes Aprimorada

React é uma biblioteca JavaScript popular para a construção de interfaces de usuário dinâmicas e reativas. No entanto, há momentos em que diferentes componentes precisam se comunicar e compartilhar informações de maneira eficiente. Neste artigo, vamos explorar como usar o CustomEvent em conjunto com o React para criar uma comunicação eficaz entre componentes, mantendo a estrutura de desenvolvimento limpa e organizada.

O Desafio da Comunicação entre Componentes no React

Ler mais

Construindo Objetos Complexos De Forma Flexível Com O Padrão De Projeto Builder

O desenvolvimento de software frequentemente envolve a criação de objetos complexos com múltiplas propriedades. Imagine a construção de um objeto que requer uma série de etapas de configuração, como um carro com sua marca, modelo, cor e número de assentos. Lidar com um construtor tradicional de parâmetros múltiplos pode rapidamente se tornar confuso e propenso a erros.

É aqui que o Padrão de Projeto Builder entra em jogo. Este é um padrão de criação que permite a construção passo a passo de objetos complexos, separando o processo de construção da representação final do objeto. Isso não só torna o código mais legível e organizado, mas também oferece uma flexibilidade valiosa ao configurar diferentes variações do mesmo objeto.

Vamos explorar o poder desse padrão com um exemplo prático em JavaScript e TypeScript.

Ler mais

Pare De Usar Index Em Seu Map E Use randomUUID!

Se você está desenvolvendo um aplicativo React que precisa exibir uma lista de itens, é provável que você tenha usado o método map() para percorrer cada elemento e exibir na tela.

Mas você já se perguntou se há uma maneira melhor de gerar chaves únicas para cada elemento em vez de usar index?
A resposta é sim, e neste post eu vou mostrar como usar a função randomUUID().

Antes de começar, é importante lembrar que as chaves em um objeto em JavaScript devem ser exclusivas.
Usar o índice do array como chave pode causar problemas em algumas situações, como quando os elementos são adicionados ou removidos da lista.

Ler mais

O Que É Big O (Big O Notation)

Big O notation é uma notação matemática usada para descrever a complexidade de um algoritmo.

É uma forma de medir quanto tempo e espaço (ou memória) um algoritmo leva para executar em função do tamanho de seus dados de entrada. Em outras palavras, a notação Big O nos diz o quanto o tempo de execução de um algoritmo aumenta à medida que a quantidade de dados aumenta.

Exemplos de notações Big O comuns incluem O(1), O(n), O(n^2) e O(log n). Aqui estão alguns exemplos de cada uma dessas notações em JavaScript:

Ler mais

O Que É HOC - ReactJS

HOC (High Order Component) é uma técnica de programação em React que permite a criação de componentes reutilizáveis. Um HOC é uma função que toma um componente como parâmetro e retorna um novo componente que encapsula o componente original.

Por exemplo, imagine que você tenha um componente que exibe uma lista de itens e deseja adicionar a funcionalidade de paginação a esse componente. Em vez de modificar o componente original para adicionar essa funcionalidade, você pode criar um HOC que aceita o componente original como parâmetro e retorna um novo componente que já possui a funcionalidade de paginação. Dessa forma, você pode reutilizar o HOC em outros componentes sem precisar duplicar o código.

Aqui está um exemplo de como um HOC poderia ser criado em React:

Ler mais