Estudo de react

O que é React?

O React é conhecido como uma biblioteca de JavaScript utilizado para a criação de user interfaces (UI), ou interfaces do usuário em português.

Para deixar as coisas uma pouco mais claras, aqui vai uma breve explicação sobre o que é JavaScript e o que são bibliotecas JavaScript:

JavaScript: linguagem de programação web, utilizada para controlar elementos dinâmicos, como banners, botões, imagens e slides, e atualizar informações em tempo real, como gráficos, rankings, datas, contagens regressivas e etc.

Biblioteca JavaScript: conjunto de linhas de código JavaScript pré-prontos criadas pela comunidade, que podem ser utilizadas em diversos projetos, desde interfaces mais simples de websites até interfaces mais complexas, como o próprio Facebook.

A biblioteca foi criada por um time de desenvolvedores do Facebook, em 2011, com a finalidade de otimizar a atualização do feed de notícias da rede social. No ano seguinte, o grupo Facebook, hoje conhecido como Meta, passou a utilizar a eficiência do React no Instagram e outras redes sociais da empresa.

Em 2013, o React teve sua biblioteca de códigos aberta à comunidade, dando início à sua crescente popularidade no mercado de tecnologia.

O que é um Framework? - Entendendo melhor o React

Um framework é um conjunto de ferramentas e bibliotecas que fornecem um conjunto de recursos e funcionalidades prontas para desenvolvedores e desenvolvedoras de software.

Isso permite construir aplicativos mais rapidamente, com menos esforço e código, e com menores chances de erros.

Existem diferentes frameworks disponíveis para diferentes linguagens de programação, incluindo:

JavaScript; Python; Java e muitas outras. Alguns dos frameworks mais populares incluem o React para JavaScript, o Django para Python e o Spring para Java.

Como funciona o React?

O React permite dividir uma página inteira em partes, chamadas de componentes. Assim é possível trabalhar cada um desses componentes de forma individual e independente.

Image Também é possível reaproveitar códigos entre estes componentes, usando o mesmo comando para modelos de elementos como botões, imagens, menus, etc. Isso facilita e otimiza o desenvolvimento de uma interface, pois permite manter uma unidade entre os componentes de forma prática.

O React também é conhecido por sua flexibilidade, permitindo a criação de pequenas linhas de código no desenvolvimento de uma interface sem que seja necessário o uso de outras ferramentas de build, ou seja, ferramentas de desenvolvimento.

React e React Native são a mesma coisa?

Não, o React e o React Native não são a mesma coisa, embora estejam associados. A principal diferença entre o React e o React Native é o tipo de aplicação que eles criam.

O React é usado para criar aplicações web, enquanto o React Native é usado para criar aplicações *móveis.

No entanto, ambos compartilham muitos conceitos e sintaxe, então se você é familiarizado com o React, será mais fácil aprender o React Native. Em resumo, React e React Native são ferramentas diferentes, mas *relacionadas.

DOM e Virtual DOM

O DOM, ou Document Object Model, é uma representação em árvore de um documento HTML ou XML. Ele é usado pelo navegador para entender o conteúdo de uma página web e permitir que o usuário interaja com ela.

Por exemplo, quando você clica em um botão em uma página web, o navegador usa o DOM para entender o que deve acontecer. Ele procura o elemento HTML correspondente ao botão no DOM, e depois executa a ação especificada pelo desenvolvedor.

O problema é que o DOM pode ser lento para atualizar e manipular. Ele é uma representação direta da página web, então qualquer alteração nos dados da página requer uma atualização completa do DOM.

Isso pode ser muito lento para aplicações web mais complexas, que podem ter milhares ou até milhões de elementos HTML.

Para resolver esse problema, o React introduziu o Virtual DOM, que é uma representação em memória do DOM, atualizada muito mais rapidamente do que o DOM real.

Quando um componente do React é atualizado, o Virtual DOM é atualizado primeiro, e depois, as alterações são sincronizadas com o DOM real. Isso torna a atualização da interface de usuário muito mais rápida e eficiente.

Em resumo, o DOM é a representação de um documento HTML ou XML no navegador, enquanto o Virtual DOM é uma representação em memória do DOM, que é usada pelo React para atualizar a interface de usuário de forma mais rápida e eficiente.

Matérias de estudo:

https://ebaconline.com.br/blog/react-o-que-e-como-funciona https://www.alura.com.br/artigos/react-js?srsltid=AfmBOooGGI_KF__SJAV_o1z7ZsNGsb61Zn8pSBOZO7mFdMni9SxWdwjZ