diff --git a/_data/cards/en_US/css-in-js.yaml b/_data/cards/en_US/css-in-js.yaml index 042ab9703..118491e93 100644 --- a/_data/cards/en_US/css-in-js.yaml +++ b/_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 diff --git a/_data/cards/en_US/react-components.yaml b/_data/cards/en_US/react-components.yaml index 6d9b93c9f..a2dab0d03 100644 --- a/_data/cards/en_US/react-components.yaml +++ b/_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 diff --git a/_data/cards/en_US/react-hooks-ref.yaml b/_data/cards/en_US/react-hooks-ref.yaml index 40cdb6ec3..81f9ed00e 100644 --- a/_data/cards/en_US/react-hooks-ref.yaml +++ b/_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: \ No newline at end of file +alura-contents: + - type: YOUTUBE + title: "useRef: como funciona esse React Hook" + link: https://www.youtube.com/watch?v=BwRxBGsT_f0 \ No newline at end of file diff --git a/_data/cards/pt_BR/nextjs-fundamentals.yaml b/_data/cards/pt_BR/nextjs-fundamentals.yaml index 019047387..b6c9fbdd4 100644 --- a/_data/cards/pt_BR/nextjs-fundamentals.yaml +++ b/_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 diff --git a/_data/cards/pt_BR/react-dev-tools.yaml b/_data/cards/pt_BR/react-dev-tools.yaml index 8a185268e..a3c73e2c8 100644 --- a/_data/cards/pt_BR/react-dev-tools.yaml +++ b/_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 diff --git a/_data/cards/pt_BR/react-hooks-effect.yaml b/_data/cards/pt_BR/react-hooks-effect.yaml index e675f8f0b..7434282b9 100644 --- a/_data/cards/pt_BR/react-hooks-effect.yaml +++ b/_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" diff --git a/_data/cards/pt_BR/react-hooks-state.yaml b/_data/cards/pt_BR/react-hooks-state.yaml index 152235f53..7e38e8522 100644 --- a/_data/cards/pt_BR/react-hooks-state.yaml +++ b/_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 diff --git a/_data/cards/pt_BR/react-state-management.yaml b/_data/cards/pt_BR/react-state-management.yaml index 81fc057fc..7ab5c26fe 100644 --- a/_data/cards/pt_BR/react-state-management.yaml +++ b/_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 diff --git a/_data/cards/pt_BR/react-testing-library.yaml b/_data/cards/pt_BR/react-testing-library.yaml index 537a66285..9d6037428 100644 --- a/_data/cards/pt_BR/react-testing-library.yaml +++ b/_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"