diff --git a/_data/cards/pt_BR/react-hooks-callback.yaml b/_data/cards/pt_BR/react-hooks-callback.yaml index ae027afb1..bf324c758 100644 --- a/_data/cards/pt_BR/react-hooks-callback.yaml +++ b/_data/cards/pt_BR/react-hooks-callback.yaml @@ -1,5 +1,5 @@ name: React Hooks - Callback -logo: +logo: short-description: key-objectives: - O hook React `useCallback` retorna uma função de callback memoizada. @@ -8,7 +8,7 @@ aditional-objectives: contents: - type: SITE title: "React: Documentação - useCallback" - link: https://pt-br.reactjs.org/docs/hooks-reference.html#usecallback + link: https://pt-br.react.dev/reference/react/useCallback - type: ARTICLE title: "Primeiros passos com React Hooks — useMemo e useCallback" link: https://medium.com/@devjpnobrega/primeiros-passos-com-react-hooks-usememo-e-usecallback-13d54da4f9ba @@ -21,4 +21,7 @@ contents: alura-contents: - type: YOUTUBE title: "Alura: Hook useCallback x useMemo - performance no React" - link: https://www.youtube.com/watch?v=VVmGrEZoBvM \ No newline at end of file + link: https://www.youtube.com/watch?v=VVmGrEZoBvM + - type: COURSE + title: "Curso React: otimizando a performance" + link: https://cursos.alura.com.br/course/react-otimizando-performance diff --git a/_data/cards/pt_BR/react-hooks-memo.yaml b/_data/cards/pt_BR/react-hooks-memo.yaml index 1d05cb17f..636ebdeaa 100644 --- a/_data/cards/pt_BR/react-hooks-memo.yaml +++ b/_data/cards/pt_BR/react-hooks-memo.yaml @@ -1,5 +1,5 @@ name: React Hooks - Memo -logo: +logo: short-description: key-objectives: - O hook React `useMemo` retorna um valor memoizado. `useMemo` apenas recalculará o valor memoizado quando uma das dependências for alterada. @@ -9,7 +9,7 @@ aditional-objectives: contents: - type: SITE title: "React: Documentação - useMemo" - link: https://pt-br.reactjs.org/docs/hooks-reference.html#usememo + link: https://pt-br.react.dev/reference/react/useMemo - type: ARTICLE title: "React.useMemo na prática" link: https://medium.com/reactbrasil/react-usememo-na-pr%C3%A1tica-692110771c01 @@ -30,5 +30,5 @@ alura-contents: title: "Alura: Hook useCallback x useMemo - performance no React" link: https://www.youtube.com/watch?v=VVmGrEZoBvM - type: COURSE - title: "Curso React: gerenciamento de estados globais com ContextAPI" - link: https://cursos.alura.com.br/course/react-context-estados-globais-contextapi + title: "Curso React: otimizando a performance" + link: https://cursos.alura.com.br/course/react-otimizando-performance diff --git a/_data/cards/pt_BR/react-hooks-ref.yaml b/_data/cards/pt_BR/react-hooks-ref.yaml index b9bf04cbd..10680fe40 100644 --- a/_data/cards/pt_BR/react-hooks-ref.yaml +++ b/_data/cards/pt_BR/react-hooks-ref.yaml @@ -1,5 +1,5 @@ name: React Hooks - Ref -logo: +logo: short-description: key-objectives: - O hook `useRef` permite que você persista valores entre renderizações. @@ -8,7 +8,7 @@ aditional-objectives: contents: - type: SITE title: "React: Documentação - useRef" - link: https://pt-br.reactjs.org/docs/hooks-reference.html#useref + link: https://pt-br.react.dev/reference/react/useRef - type: ARTICLE title: "Conhecendo o useRef do React" link: https://medium.com/@guigaoliveira_/conhecendo-o-useref-do-react-9d67e66 @@ -19,6 +19,9 @@ contents: title: "The Complete Guide to useRef() and Refs in React (inglês)" link: https://dmitripavlutin.com/react-useref-guide/ alura-contents: + - type: YOUTUBE + title: "useRef: como funciona esse React Hook | #AluraMais" + link: https://youtu.be/BwRxBGsT_f0?si=hxzvPvFoOywZBZ9M - type: COURSE - title: "Curso React: testando os seus componentes" - link: https://www.alura.com.br/curso-online-react-testando-componentes + title: "Curso React: otimizando a performance" + link: https://cursos.alura.com.br/course/react-otimizando-performance