React js

​O React é uma biblioteca JavaScript para construir interfaces de usuário. Ele foi desenvolvido pelo Facebook e é usado por muitas empresas populares, como Netflix, Airbnb e Instagram.

​Frameworks vs. Bibliotecas: você sabe quais são as diferenças entre essas ferramentas?

​Bibliotecas

Uma biblioteca é uma coleção de funções, classes e/ou interfaces reutilizáveis ​​que podem ser usadas em projetos de software. As bibliotecas são projetadas para serem facilmente integradas em um projeto existente, fornecendo funcionalidades adicionais e ampliando as capacidades do projeto.

​Frameworks

Um framework é uma estrutura de software que fornece uma base para construir aplicativos ou sistemas de software. Um framework geralmente inclui bibliotecas, convenções de codificação, padrões de projeto, modelos e outras ferramentas para ajudar a criar e manter o software. Frameworks são projetados para fornecer uma estrutura geral para o desenvolvimento de software, permitindo que os desenvolvedores se concentrem na lógica do negócio em vez de tarefas técnicas de baixo nível.

​Diferenças entre Frameworks e Bibliotecas

A principal diferença entre um framework e uma biblioteca é o controle. Enquanto uma biblioteca é projetada para ser facilmente integrada em um projeto existente, fornecendo funcionalidades adicionais, o framework fornece uma estrutura geral para o desenvolvimento de software. O framework controla o fluxo da aplicação, enquanto a biblioteca pode ser usada de forma mais independente.

​O React permite que você crie componentes reutilizáveis ​​que podem ser usados ​​para construir interfaces de usuário complexas. Ele usa uma abordagem de programação declarativa, o que significa que você descreve o que deseja que a interface do usuário faça e o React se encarrega de atualizar a interface do usuário conforme necessário.

​Tá, mas por que utilizar React na web?

O React na web é muito utilizado para criação de SPAs (Single-Page Applications), aqueles sites onde ao mudar de páginas dentro de uma aplicação a tela não é recarregada do zero, ela só modifica o que precisa mostrar no momento.

Antes do SPA, a cada requisição toda aplicação era recarregada e quem era responsável pela criação da nova tela a ser mostrada era o back-end (o servidor).

​Um exemplo de código em React:

​Vantagens com o React

Componentização

Com React é possível separar nossa aplicação em diversos componentes que funcionam de forma independente um dos outros, assim facilitando a reutilização de código.

Além de melhorar a organização do código, dividindo uma tela complexa em partes menores é mais simples e rápido a manutenção do código.

​Divisão de Responsabilidades

Ao se utilizar um front-end separado do back-end, temos a divisão bem clara de responsabilidades. O back-end deve tratar das regras de negócio enquanto o front-end (React) deve tratar de apresentar os dados.

​Uma API, múltiplos clientes

Separando as responsabilidades, com uma mesma API é possível criar tanto uma aplicação web e mobile sem precisar modificar as regras de negócio para cara cliente que consome nossa API.