Fazendo uma mudança simples para testar o hot reload do projeto

12. Trocando o texto exibido na página

Efetuaremos as seguintes alterações em src/App.js conforme o diff a seguir:

diff --git a/src/App.js b/src/App.js
index ce9cbd2..7a6a6a8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,7 +16,7 @@ function App() {
           target="_blank"
           rel="noopener noreferrer"
         >
-          Learn React
+          Aprendendo React
         </a>
       </header>
     </div>

Se você deseja entender melhor sobre o formato de um diff apresentada pelo Git, leia a referência git 1.

E, para fazer isso sem perda de tempo, bóra rodar os seguintes comandos num terceiro shell:

Utilizando o tmux, para abrir esse novo fazendo um split (uma divisão) horizontal da tela em que você se encontra, use a combinação de teclas Ctrl+b+".

3$ cd $PROJECT_DIR
3$ git-apply aa.diff src/App.js

Para sair da visualização apresentada nesse comando digite ":qa".

Observe que, assim que a edição do arquivo (src/App.js) é salva, a mudança já é refletida na tela do browser.

O que é o git-apply?

O git-apply é uma função Bash disponibilizada pelo script install quando o executamos nesse passo. Esse é o seu código:

git-apply() {
  git apply $TUT_DIR/patch/$1
  [ "$HIDE_DIFFTOOL" ] || git difftool
  while shift
  do
    [ ! "$1" ] || git add "$1"
  done
}

Mania: scriptar comandos repetitivos

Como todo bom programador eu tenho muita preguiça, ou falta de saco mesmo, para ficar me repetindo. Então, no lugar de redigitar vários comandos n vezes, eu prefiro escrever um script que faça isso por mim.

Construindo um website em React

Fazendo uma mudança simples para testar o hot reload do projeto

12. Trocando o texto exibido na página