<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Carlos Wherbet</title>
    <description>The latest articles on Forem by Carlos Wherbet (@carloswherbet).</description>
    <link>https://forem.com/carloswherbet</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F858729%2F8720ddf6-2770-42c5-9cb0-02f2281abb10.jpg</url>
      <title>Forem: Carlos Wherbet</title>
      <link>https://forem.com/carloswherbet</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/carloswherbet"/>
    <language>en</language>
    <item>
      <title>Seu SSD aparece na BIOS, mas não no instalador do Windows? Aqui está a solução</title>
      <dc:creator>Carlos Wherbet</dc:creator>
      <pubDate>Sat, 22 Nov 2025 23:50:41 +0000</pubDate>
      <link>https://forem.com/carloswherbet/voltando-a-usar-o-windows-apos-15-anos-4p2p</link>
      <guid>https://forem.com/carloswherbet/voltando-a-usar-o-windows-apos-15-anos-4p2p</guid>
      <description>&lt;p&gt;&lt;strong&gt;Voltando a usar o Windows após 15 anos&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Minha experiência instalando o Windows 11 em um PC novo  e o que realmente resolveu quando os SSDs não apareciam no instalador.&lt;/strong&gt;&lt;/p&gt;




&lt;p&gt;Em 2024, montei meu PC doméstico com 32 GB de RAM, um Ryzen 7 5700G, a placa-mãe Gigabyte B550 DS3H, um SSD NVMe Lexar de 1 TB e outro NVMe Kingston de 2 TB. Resolvi instalar o Windows 11 e, logo na primeira tentativa, me deparei com um problema curioso: o instalador simplesmente não mostrava nenhum SSD.&lt;/p&gt;

&lt;p&gt;Tentei algumas vezes, não avancei e deixei o assunto de lado por um ano. Nesse período, fiquei só no Linux  alternando entre Fedora e Pop!_OS  sempre com instalação tranquila e sem qualquer problema de reconhecimento de disco. A BIOS também reconhecia os SSDs normalmente, o que afastava a possibilidade de defeito físico.&lt;/p&gt;

&lt;p&gt;Em 2025, resolvi tentar novamente a instalação do Windows 11.&lt;/p&gt;




&lt;h2&gt;
  
  
  Quando tudo parece normal, mas o instalador não mostra os SSDs
&lt;/h2&gt;

&lt;p&gt;O instalador do Windows fazia tudo certo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;o pendrive dava boot,&lt;/li&gt;
&lt;li&gt;o ambiente carregava normalmente,&lt;/li&gt;
&lt;li&gt;as telas iniciais apareciam sem erro.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Mas quando chegava na parte de escolher o disco, o resultado era sempre o mesmo:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;nenhuma unidade listada&lt;/strong&gt; e a mensagem para "instalar drivers".&lt;/p&gt;

&lt;p&gt;Como a BIOS reconhecia os NVMe sem problema, e o Linux instalava sem esforço, o pendrive parecia totalmente fora da lista de culpados.&lt;/p&gt;




&lt;h2&gt;
  
  
  Por que o pendrive "enganava"
&lt;/h2&gt;

&lt;p&gt;O pendrive fazia tudo que normalmente indica que está certo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;inicializava em UEFI,&lt;/li&gt;
&lt;li&gt;carregava o instalador completo,&lt;/li&gt;
&lt;li&gt;não exibia mensagens de erro.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Só que ele carregava o instalador incompleto.&lt;/p&gt;

&lt;p&gt;A mídia estava sendo criada de forma que a estrutura EFI não incluía o suporte NVMe necessário para que o Windows mostrasse os SSDs. O instalador subia, mas não tinha os módulos responsáveis por detectar os discos.&lt;/p&gt;

&lt;p&gt;E, por isso, pedia drivers que não resolveriam nada.&lt;/p&gt;




&lt;h2&gt;
  
  
  As tentativas que não funcionaram
&lt;/h2&gt;

&lt;p&gt;Como estava no Linux, usei todas as ferramentas que normalmente funcionam bem:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;USB Writer do Fedora&lt;/li&gt;
&lt;li&gt;USB Writer do Pop!_OS&lt;/li&gt;
&lt;li&gt;comando dd&lt;/li&gt;
&lt;li&gt;métodos manuais&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Todas criaram pendrives que davam boot perfeitamente.&lt;/p&gt;

&lt;p&gt;Mas nenhum fez o Windows enxergar os SSDs NVMe na tela de seleção de disco.&lt;/p&gt;

&lt;p&gt;Enquanto isso:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;o Linux instalava normalmente em qualquer um dos SSDs,&lt;/li&gt;
&lt;li&gt;a BIOS reconhecia os NVMe sem falhas,&lt;/li&gt;
&lt;li&gt;nenhum sintoma indicava problema físico.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;O problema estava na forma como o pendrive de instalação do Windows era criado.&lt;/p&gt;




&lt;h2&gt;
  
  
  O que finalmente resolveu
&lt;/h2&gt;

&lt;p&gt;O que resolveu foi criar o pendrive usando WoeUSB-ng, rodando em um USB Live do Fedora.&lt;/p&gt;

&lt;p&gt;Como o Fedora Live não traz a ferramenta pronta, instalei:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo dnf install git p7zip p7zip-plugins python3-pip python3-wxpython4

pip3 install WoeUSB-ng
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;E criei o pendrive assim:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo woeusb --device Win11.iso /dev/sdX --target-filesystem NTFS
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Depois disso, reiniciei a máquina e o instalador do Windows finalmente exibiu os SSDs NVMe imediatamente.&lt;/p&gt;

&lt;p&gt;A instalação seguiu normalmente.&lt;/p&gt;




&lt;h2&gt;
  
  
  Para quem está passando pelo mesmo problema
&lt;/h2&gt;

&lt;p&gt;Se você está enfrentando este cenário:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;BIOS reconhece o SSD,&lt;/li&gt;
&lt;li&gt;o Linux instala sem qualquer dificuldade,&lt;/li&gt;
&lt;li&gt;o pendrive do Windows dá boot normalmente,&lt;/li&gt;
&lt;li&gt;mas o instalador não mostra unidade nenhuma e pede "drivers",&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;então vale olhar para como o pendrive foi criado.&lt;/p&gt;

&lt;p&gt;No meu caso, depois de tentar várias ferramentas populares do Linux, o que funcionou foi recriar a mídia com o WoeUSB-ng no Fedora Live. Depois disso, o instalador passou a reconhecer os NVMe sem qualquer intervenção adicional.&lt;/p&gt;




</description>
      <category>windows</category>
      <category>linux</category>
      <category>install</category>
      <category>m2</category>
    </item>
    <item>
      <title>Correção e ajustes após a atualização de Bibliotecas</title>
      <dc:creator>Carlos Wherbet</dc:creator>
      <pubDate>Wed, 11 May 2022 02:07:53 +0000</pubDate>
      <link>https://forem.com/carloswherbet/correcao-e-ajustes-apos-a-atualizacao-de-bibliotecas-1bm3</link>
      <guid>https://forem.com/carloswherbet/correcao-e-ajustes-apos-a-atualizacao-de-bibliotecas-1bm3</guid>
      <description>&lt;p&gt;Alguns erros são mostrados no próprio terminal ao inciar o servidor e outros foram evidenciados pelo console do navegador, e alguns deles informam o link para consultar a documentação facilitando o processo de correção, já outros foi um pouco mais trabalhosos, eu tive que debugar e entender que o problema estava em um componente da lib do react-bootstrap.&lt;/p&gt;

&lt;p&gt;Seguintes correções foram feitas:&lt;/p&gt;

&lt;h3&gt;
  
  
  Switch não é mais utilizado na versão 6 do react-router-dom :
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://reactrouter.com/docs/en/v6/upgrading/v5#upgrade-all-switch-elements-to-routes"&gt;https://reactrouter.com/docs/en/v6/upgrading/v5#upgrade-all-switch-elements-to-routes&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="s2"&gt;`// Antes
import { **Switch**, Route } from "react-router-dom";
&amp;lt;Route path="/" component={Home} /&amp;gt;

// Depois 
import { **Routes**, Route } from "react-router-dom";
&amp;lt;Route path='/welcome' element={&amp;lt;Home/&amp;gt;} /&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  ReactDOM.render não é mais usado na versão 18 do React
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;
&lt;span class="c1"&gt;// Antes&lt;/span&gt;

&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;render&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;react-dom&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;container&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;app&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="nx"&gt;render&lt;/span&gt;&lt;span class="p"&gt;(&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;App&lt;/span&gt; &lt;span class="err"&gt;*&lt;/span&gt;&lt;span class="na"&gt;tab&lt;/span&gt;&lt;span class="err"&gt;*&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"home"&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;,&lt;/span&gt; &lt;span class="nx"&gt;container&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="c1"&gt;// Depois&lt;/span&gt;

&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;createRoot&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;react-dom/client&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;container&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;app&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;root&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;createRoot&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;container&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt; &lt;span class="c1"&gt;// createRoot(container!) if you use TypeScript&lt;/span&gt;

&lt;span class="nx"&gt;root&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;render&lt;/span&gt;&lt;span class="p"&gt;(&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;App&lt;/span&gt; &lt;span class="err"&gt;*&lt;/span&gt;&lt;span class="na"&gt;tab&lt;/span&gt;&lt;span class="err"&gt;*&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"home"&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Atualização do react-bootstrap de v1 para v2.
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://react-bootstrap.github.io/migrating/#popover"&gt;https://react-bootstrap.github.io/migrating/#popover&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Popover&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;renomear 'Content' prop para  'Body'&lt;/p&gt;

&lt;p&gt;renomear 'Title' prop para  'Header'&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="s2"&gt;`// Antes

`&lt;/span&gt;
&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;Popover&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Title&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Title&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Content&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Content&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="na"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
`

// Depois
`
&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Header&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Header&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Body&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="na"&gt;Body&lt;/span&gt;&lt;span class="err"&gt;**&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Popover&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
`
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
    </item>
    <item>
      <title>Como atualizar aplicações em React</title>
      <dc:creator>Carlos Wherbet</dc:creator>
      <pubDate>Wed, 11 May 2022 01:49:11 +0000</pubDate>
      <link>https://forem.com/carloswherbet/como-atualizar-aplicacoes-em-react-parte-1-3hkc</link>
      <guid>https://forem.com/carloswherbet/como-atualizar-aplicacoes-em-react-parte-1-3hkc</guid>
      <description>&lt;p&gt;Esse post tem o objetivo de documentar os passos que utilizei para atualizar uma aplicação react desenvolvida em meados de 2019, que desde então, não passou por nenhum processo de atualização de bibliotecas.&lt;/p&gt;

&lt;p&gt;Alguns passos utilizados aqui podem ser aplicados em vários projetos Node, mas o foco aqui será um pequeno projeto em ReactJS.&lt;/p&gt;

&lt;h2&gt;
  
  
  Primeiros passos
&lt;/h2&gt;

&lt;p&gt;Utilizei um projeto em React que atualmente está sendo executado em um container docker.&lt;/p&gt;

&lt;p&gt;Antes de fazer qualquer alteração,  criei uma branch a partir da master para poder trabalhar de forma segura e sem riscos, se tudo der errado, desfaço as alterações e começo novamente 😊.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;git checkout -b app_upgraded&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Atualizar imagem do Dockerfile
&lt;/h2&gt;

&lt;p&gt;Atualizei  a versão da imagem do docker de &lt;code&gt;node:12.2.0-alpine&lt;/code&gt; para &lt;code&gt;node:16.15.0-alpine&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Dentro da pasta do meu projeto, apaguei a pasta node_modules e rebuildamos o projeto para criação da nova imagem e subimos o container para inciar a aplicação .&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# apaga recursivamnte a pasta node_modules&lt;/span&gt;
rm.-rf node_modules

&lt;span class="c"&gt;# Apaguei containers e networks existentes para este projeto&lt;/span&gt;
docker-compose down 

&lt;span class="c"&gt;# Sobe um container a partir da nova imagem construída&lt;/span&gt;
docker-compose up &lt;span class="nt"&gt;--build&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Atualizando as bibliotecas com yarn
&lt;/h2&gt;

&lt;p&gt;O ReactJS, assim como as outras bibliotecas dependentes da nossa aplicado , pode ser atualizada utilizando o comando interativo do yarn.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Antes de executar o comando para atualização, foi preciso atualizar a versão do nodejs no dockerfile como mostrei no passo anterior.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Com o container em pé, entrei dentro dele e executei o comando do yarn para atualização.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;yarn upgrade-interactive &lt;span class="nt"&gt;--latest&lt;/span&gt; &lt;span class="nt"&gt;--exact&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Será feito uma verificação das dependências da aplicação e retorna uma lista de bibliotecas com a opção para você selecionar todas ou somente aquelas que você gostaria de atualizar.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F29rlonn4ppa6hhgt6vhs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F29rlonn4ppa6hhgt6vhs.png" alt="Upgrade"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A lista é composta pelas colunas  &lt;strong&gt;name, range, from, to e url.&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;range&lt;/strong&gt;: informa o quão longe sua atualização chegará, no meu caso informa que minha atualização chegará não versão mais atual.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;from&lt;/strong&gt;: Informa a versão atual da biblioteca.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;to&lt;/strong&gt;: Informa para qual versão você irá após a atualização.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;url&lt;/strong&gt;: contém a url com a documentação da biblioteca. Para atualização major, recomendo dar uma olhada no link da biblioteca antes de fazer a atualização.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;As bibliotecas são categorizada por cores que indicam o grau de complexidade da cada atualização, podendo ser entendido como:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Verde&lt;/strong&gt;: atualizações patchs, de baixa complexidade, podem ser correções de bugs .&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Amarelo&lt;/strong&gt;: atualizações minor, de média complexidade, requer mais atenção.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Vermelho&lt;/strong&gt;:  atualizações major, de alta complexidade, requer um grande cuidado e muito mais atenção na atualização pois provavelmente você terá que fazer alterações no código fonte para se adequar a nova versão.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;✍🏼&lt;strong&gt;Dica do Sucesso:&lt;/strong&gt; Não existem testes automatizados implementados para essa aplicação, isso faz com que atualizações desse tipo sejam muito mais arriscadas. &lt;br&gt;
O ideal seria fazer primeiros os testes automatizados desses componentes, e somente depois atualizar, tornando todo esse processo muito mais tranquilo e seguro.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Como estou trabalhando em outra branch, resolvi marcar para atualizar todas as bibliotecas.&lt;/p&gt;

&lt;p&gt;A atualização durou alguns poucos minutos e logo iniciei a aplicação, e então inciaram-se os problemas.&lt;/p&gt;

&lt;p&gt;Em breve, tem a parte 2 com as &lt;strong&gt;Correções e ajustes após a atualização das bibliotecas&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>tutorial</category>
      <category>node</category>
    </item>
  </channel>
</rss>
