feat: adding new react content (#247)

_data/cards/en_US/css-in-js.yaml

@@ -10,7 +10,7 @@ aditional-objectives:
 contents:
   - type: SITE
     title: "React: Documentation - Styling and CSS"
-    link: https://reactjs.org/docs/faq-styling.html
+    link: https://react.dev/learn#adding-styles
   - type: SITE
     title: "Microsoft Docs: Style editing for CSS-in-JS frameworks"
     link: https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/css/css-in-js

_data/cards/en_US/react-components.yaml

@@ -13,10 +13,10 @@ contents:
     link: https://www.w3schools.com/react/react_components.asp
   - type: SITE
     title: "React: Documentation - Components and Props"
-    link: https://reactjs.org/docs/components-and-props.html
+    link: https://react.dev/learn#sharing-data-between-components
   - type: SITE
     title: "React: Documentation - React.Component"
-    link: https://reactjs.org/docs/react-component.html
+    link: https://react.dev/learn#components
   - type: SITE
     title: "MDN Web Docs: Getting started with React - Exploring our first React component"
     link: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started#exploring_our_first_react_component_%E2%80%94_app

_data/cards/en_US/react-hooks-ref.yaml

@@ -31,4 +31,7 @@ contents:
   - type: YOUTUBE
     title: "Codevolution: React Hooks Tutorial - useRef Hook (Part 2)"
     link: https://www.youtube.com/watch?v=LWg0OyZQffc
-alura-contents:
+alura-contents:
+  - type: YOUTUBE
+    title: "useRef: como funciona esse React Hook"
+    link: https://www.youtube.com/watch?v=BwRxBGsT_f0

_data/cards/pt_BR/nextjs-fundamentals.yaml

@@ -20,12 +20,21 @@ contents:
     title: "Next.js: O que é e porque utilizar este framework"
     link: https://medium.com/codelblog/next-js-o-que-%C3%A9-e-porque-utilizar-este-framework-6180bad09133
 alura-contents:
+  - type: ARTICLE
+    title: "Next.JS: aplicações fullstack com super poderes"
+    link: https://www.alura.com.br/artigos/next-js
   - type: ARTICLE
     title: "NextJS: por que usar?"
     link: https://www.alura.com.br/artigos/next-js-vantagens
   - type: ARTICLE
     title: "Navegação com Next.Js utilizando rotas dinâmicas"
     link: https://www.alura.com.br/artigos/navegacao-next-js-utilizando-rotas-dinamicas
+  - type: ARTICLE
+    title: "Roteamento eficiente com Next.js: descobrindo o App Router"
+    link: https://www.alura.com.br/artigos/roteamento-eficiente-next-js-app-router
+  - type: ARTICLE
+    title: "Next: Server Actions aprendendo na prática"
+    link: https://www.alura.com.br/artigos/next-server-actions-aprendendo-pratica
   - type: ARTICLE
     title: "CSS com NextJS"
     link: https://www.alura.com.br/artigos/css-com-next-js
@@ -38,6 +47,9 @@ alura-contents:
   - type: podcast
     title: "Hipsters.tech: Nextjs - Hipsters 220"
     link: https://www.alura.com.br/podcast/nextjs-hipsters-ponto-tech-220-a652
+  - type: podcast
+    title: "Next.js: Visão Atual - Hipsters 399"
+    link: https://www.hipsters.tech/next-js-visao-atual-hipsters-ponto-tech-399/
   - type: YOUTUBE
     title: "Alura: Primeiros passos Next.js"
     link: https://www.youtube.com/watch?v=slmtdlWNwcE
@@ -50,3 +62,6 @@ alura-contents:
   - type: COURSE
     title: "Formação Next.JS"
     link: https://www.alura.com.br/formacao-next-js
+  - type: COURSE
+    title: "Next.js: crie estratégias de componentes Server-Side"
+    link: https://cursos.alura.com.br/course/next-js-estrategias-componentes-server-side

_data/cards/pt_BR/react-dev-tools.yaml

@@ -25,3 +25,6 @@ alura-contents:
   - type: COURSE
     title: "Curso React: otimizando a performance"
     link: https://www.alura.com.br/curso-online-react-otimizando-performance
+  - type: COURSE
+    title: "React Vite: monitorando aplicações com New Relic"
+    link: https://cursos.alura.com.br/course/react-vite-monitorando-aplicacoes-new-relic

_data/cards/pt_BR/react-hooks-effect.yaml

@@ -20,6 +20,9 @@ contents:
   - type: ARTICLE
     title: "Um guia completo para useEffect"
     link: https://overreacted.io/pt-br/a-complete-guide-to-useeffect/
+  - type: ARTICLE
+    title: "Entenda de vez o hook useEffect e Transforme Seu Código React"
+    link: https://medium.com/@marcosviniciosneves/entenda-de-vez-o-hook-useeffect-e-transforme-seu-c%C3%B3digo-react-39245296ef7e
 alura-contents:
   - type: ARTICLE
     title: "React Hooks: o que é e como eles funcionam"

_data/cards/pt_BR/react-hooks-state.yaml

@@ -11,6 +11,9 @@ contents:
   - type: SITE
     title: "React: Documentação - Introdução aos Hooks"
     link: https://pt-br.react.dev/reference/react
+  - type: ARTICLE
+    title: "Qual o tipo de um React Hook?"
+    link: https://www.alura.com.br/artigos/qual-tipo-react-hook
   - type: SITE
     title: "React: Documentação - Usando o State do Hook"
     link: https://react.dev/learn/state-a-components-memory

_data/cards/pt_BR/react-state-management.yaml

@@ -28,6 +28,9 @@ alura-contents:
   - type: SITE
     title: "Primeiras aulas do curso de React: gerenciamento de estados globais com ContextAPI"
     link: https://www.alura.com.br/conteudo/react-context-estados-globais-contextapi
+  - type: ARTICLE
+    title: "Context API e TypeScript: como utilizar o superpoder desta dupla"
+    link: https://www.alura.com.br/artigos/context-api-typescript-utilizar-superpoder-dupla
   - type: ARTICLE
     title: "Estados globais: diferenças entre Redux e Context API"
     link: https://www.alura.com.br/artigos/estados-globais-diferencas-redux-context-api

_data/cards/pt_BR/react-testing-library.yaml

@@ -15,6 +15,9 @@ contents:
   - type: SITE
     title: "React Testing Library: Documentação (inglês)"
     link: https://testing-library.com/docs/react-testing-library/intro/
+  - type: SITE
+    title: "Desmistificando testes no Frontend"
+    link: https://marcosviniciosneves.medium.com/desmistificando-testes-no-frontend-52afaeb6b35a
 alura-contents:
   - type: COURSE
     title: "Curso React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end"