Revert "Revert "feat: adicionando um novo cartão sobre arquitetura em…

… React"" (#386)

_data/cards/pt_BR/react-architecture.yaml

@@ -0,0 +1,38 @@
+name: React - Arquitetura
+logo:
+short-description:
+key-objectives:
+  - Manter a arquitetura do nosso projeto bem estruturada, nos ajuda a organizar o código da melhor maneira possível para facilitar a manutenção e escalabilidade. Combinada aos princípios do SOLID, ela potencializa ainda mais toda essa organização minimizando o acoplamento e aprimorando a coesão dos componentes da nossa aplicação.
+  - Estruturar o projeto React com Arquitetura Limpa;
+  - Conhecer e aplicar os princípios SOLID para maior reusabilidade e coesão;
+  - Isolar responsabilidades com hooks e injeção de dependências.
+aditional-objectives:
+contents:
+  - type: ARTICLE
+    title: "Arquitetura para aplicações React"
+    link: https://vinniciusgomes.medium.com/arquitetura-para-aplicacoes-react-d77361bf2d49
+  - type: ARTICLE
+    title: "O que é SOLID: O guia completo para você entender os 5 princípios da POO"
+    link: https://medium.com/desenvolvendo-com-paixao/o-que-%C3%A9-solid-o-guia-completo-para-voc%C3%AA-entender-os-5-princ%C3%ADpios-da-poo-2b937b3fc530
+alura-contents:
+  - type: YOUTUBE
+    title: "Clean Code e Solid"
+    link: https://www.youtube.com/watch?v=XV9B4LX_re8
+  - type: YOUTUBE
+    title: "Arquitetura de sistemas"
+    link: https://www.youtube.com/watch?v=oedWxgAZc2A
+  - type: PODCAST
+    title: "SOLID: Código bom e bonito – Hipsters Ponto Tech #219"
+    link: https://www.hipsters.tech/solid-codigo-bom-e-bonito-hipsters-ponto-tech-219/
+  - type: PODCAST
+    title: "Arquitetura no ecossistema de Front-End – Hipsters Ponto Tech #441"
+    link: https://www.hipsters.tech/arquitetura-no-ecossistema-de-front-end-hipsters-ponto-tech-441/ 
+  - type: ARTICLE
+    title: "SOLID: o que é e quais os 5 princípios da Programação Orientada a Objetos (POO)"
+    link: https://www.alura.com.br/artigos/solid
+  - type: COURSE
+    title: "Curso de SOLID aplicado ao React: melhorando a modularidade e flexibilidade do código"
+    link: https://cursos.alura.com.br/course/solid-aplicado-react-melhorando-modularidade-flexibilidade-codigo 
+  - type: COURSE
+    title: "Curso de React: integração com Supabase e conceitos de arquitetura limpa na prática"
+    link: https://cursos.alura.com.br/course/react-integracao-supabase-conceitos-arquitetura-limpa-pratica