6

React vs Angular: qual escolher?

#Angular #React Native #ReactJS
Anna Maria
Anna Maria

React vs Angular: qual escolher?


Os frameworks JavaScript estão se desenvolvendo em um ritmo extremamente rápido, o que significa que hoje temos versões frequentemente atualizadas do Angular e React no mercado. Então qual você deve escolher?  


O que é REACT


React é uma biblioteca de IU desenvolvida e com código aberto pelo Facebook. React é a biblioteca de IU mais popular no momento, e está presente em milhares de sites. React usa JavaScript como linguagem principal e pode ser executado em muitas plataformas, incluindo web, Android, iOS e até VR.


O que é Angular


Angular é um framework de front-end desenvolvida e com código aberto pelo Google. Se você observar pode notar uma diferença entre eles: React é uma biblioteca, enquanto Angular é um framework. O Angular está usando TypeScript como sua linguagem principal e também pode ser executado em uma ampla seleção de plataformas. Angular emprega o padrão MVC (Model-View-Controller) para sua arquitetura, que é reconhecido como um dos padrões da indústria.


Semelhança entre eles

  • Ambos são uma aplicação front-end, seja um site, um aplicativo ou algo entre os dois.
  • Ambos usam JavaScript e fazem bom uso do NPM(Node Package Manager), o que deixa mais fácil compartilhar código repetitivo.
  • Ambos têm uma enorme comunidade por trás deles, principalmente pelo fato de os dois serem código aberto
  • Ambos fornecem uma arquitetura semelhante ao MVC
  • Ambos permitem o uso de TypeScript para desenvolvimento
  • Ambos são baseados em componentes


Diferença entre eles


Regular DOM vs. virtual DOM


Angular e React utilizam abordagens ligeiramente diferentes quando se trata de renderizar coisas na tela. O Angular se comporta exatamente como você espera: a cada nova renderização, ele cria um novo DOM do zero e o substitui no navegador. O React, por outro lado, tenta reutilizar o máximo possível. Ele calcula o conjunto mínimo de operações necessárias para trazer o DOM do navegador para o DOM virtual interno do React e, em seguida, os executa. Isso resulta em um grande ganho de desempenho.


Biblioteca vs. framework


Como eu disse antes, React é uma biblioteca, enquanto Angular é um framework.

Resumindo, uma biblioteca resolve um problema, enquanto um framework possui várias funcionalidades prontas, e normalmente já possuem um fluxo de trabalho ou estrutura a serem seguidos. É algo bem mais abstrato do que uma biblioteca.

Oque isso significa: React é mais leve, rápido e fácil de aprender, mas não faz por si mesmo. Você precisará de uma biblioteca de terceiros para roteamento, coneções API, etc. Por outro lado o Angular tem isso e muito mais integrado. Embora seja mais difícil de aprender, o Angular oferece recursos interessantes como roteamento, geração de formulários, etc.

"O React é responsável pelo M em MVC(Model-View-Controller, mas o Angular é tudo."


Desenvolvimento Mobile


O React normalmente vence nesse tópico, por causa do React Native que permite desenvolver aplicativos nativos com React, porém o Angular não fica atrás. Usando o NativeScript que permite desenvolver aplicativos nativos com Angular e Vue. Ambos oferecem desempenho comparativo e conjuntos de recursos. A diferença está no acesso à plataforma. Se você quiser acessar alguns métodos de API nativos no React Native, terá que escrever uma ponte com Kotlin ou Swift. No Native Script, você pode acessar diretamente os métodos nativos do código JS. Por outro lado, React Native tem uma comunidade muito maior, o que é um bem inestimável. Se o desempenho for uma prioridade, no entanto, você deve olhar para Flutter.



Aliás...A DIO tem vários cursos de ambos:


ANGULAR

Introdução ao Angular 8 👈

Técnicas avançadas em Angular 8 👈

Aplicações avançadas com Angular 👈


REACT

Introdução Ao REACTJS 👈

Desenvolvimento de aplicações para internet com ReactJS 👈

Práticas avançadas em projetos com ReactJS 👈


REACT NATIVE

Criando aplicações móveis e multiplataforma com React Native 👈

Desenvolvimento de aplicações móveis com Redux e React Native 👈

Desenvolvimento de aplicações móveis com React Native e Firebase 👈




Espero ter ajudado 💞

 

Alguns dos meus artigos anteriores:

💫 Ensinando a ter um servidor e um domínio GRÁTIS com GitHubPages

💫Sites para fazer download gratuito de ícones

💫Melhores extensões para trabalhar no Visual Studio Code

💫Melhores temas do Visual Studio Code

💫Como usar Font Awesome

💫 Como colocar ícone ou logo do seu site na barra de endereço do navegador

💫 Como usar imagens e gifs nos seus artigos da DIO

______________________________________________________________________________________

Olá, meu nome é Anna Maria eu sou uma desenvolvedora Front-End.

Me desafiei a postar um artigo por dia aqui na DIO, com assunto diversos, mas principalmente coisas que eu tive/tenho dificuldade.

Então decidi compartilhar com vocês.

 

📌Me siga para ver mais artigos

📌 Curta( lá em cima do lado esquerdo " ^ ")

📌 Comente se te ajudou

 

Se ficar com alguma dúvida pode me contatar 📧

✨Discord: imnotannamaria#1935

✨LinkedIn: www.linkedin.com/in/anna-maria-573801191/

✨Email: aannamariabr@outlook.com

 

_Anna Maria

5
106

Comentários (5)

1
André Macáu

André Macáu

04/01/2021 16:40

Obrigado, ajudou muito

1
Ana Silva

Ana Silva

03/01/2021 20:27

ótima abordagem desse tema, parabéns!

0
Anna Maria

Anna Maria

03/01/2021 20:22

Muito obrigada 💞

Thiago Guedes

Vitor Silva


1
V

Vitor Silva

03/01/2021 17:29

Excelente seu artigo!^^

1
Thiago Guedes

Thiago Guedes

03/01/2021 15:56

Espancamento de conteúdo, hein Anna! Nós agradecemos muuuito!

Desenvolvedora Front-End | JavaScript | CSS | HTML

Brasil