filmov
tv
Entendendo Refs e forwardRef no ReactJS: Quando e Como Utilizar?
Показать описание
Ajude o canal à crescer, se inscreva! 👊🙏
---
Faça parte dessa comunidade, seja MEMBRO DO CANAL! 👊🚀
Isso me ajuda demais a continuar trazendo conteúdo de qualidade! Muito obrigado de coração ♥️
---
No ReactJS, Refs são usadas para acessar diretamente elementos DOM ou armazenar valores mutáveis sem re-renderizar o componente.
Já o forwardRef permite que um componente receba uma ref e a encaminhe para um elemento filho, útil para criar componentes reutilizáveis que expõem seu DOM interno.
Essa combinação é essencial para manipular elementos fora do ciclo normal de renderização do React.
Quer entender como utilizar Refs e forwardRef para otimizar seu código e melhorar a performance? No vídeo de hoje, eu trago teoria + exemplos práticos!
---
📷 Segue lá no Instagram:
💭 Participe da nossa comunidade no Discord:
🧑💻 Repositório do canal:
---
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
---
Livros que me ajudaram:
Código Limpo
Arquitetura Limpa
Como ser um programador melhor
Estruturas de dados e algoritmos com JavaScript
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
14 hábitos de desenvolvedores altamente produtivos
Hábitos Atômicos
Aprendendo a Aprender
Rápido e devagar
A vida dos Estoicos
Meditações de Marco Aurélio
*Links afiliados.
---
👋 Você pode me encontrar aqui:
👨💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.
✉️ Email comercial
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#reactjs #typescript #nextjs
---
Faça parte dessa comunidade, seja MEMBRO DO CANAL! 👊🚀
Isso me ajuda demais a continuar trazendo conteúdo de qualidade! Muito obrigado de coração ♥️
---
No ReactJS, Refs são usadas para acessar diretamente elementos DOM ou armazenar valores mutáveis sem re-renderizar o componente.
Já o forwardRef permite que um componente receba uma ref e a encaminhe para um elemento filho, útil para criar componentes reutilizáveis que expõem seu DOM interno.
Essa combinação é essencial para manipular elementos fora do ciclo normal de renderização do React.
Quer entender como utilizar Refs e forwardRef para otimizar seu código e melhorar a performance? No vídeo de hoje, eu trago teoria + exemplos práticos!
---
📷 Segue lá no Instagram:
💭 Participe da nossa comunidade no Discord:
🧑💻 Repositório do canal:
---
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
---
Livros que me ajudaram:
Código Limpo
Arquitetura Limpa
Como ser um programador melhor
Estruturas de dados e algoritmos com JavaScript
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
14 hábitos de desenvolvedores altamente produtivos
Hábitos Atômicos
Aprendendo a Aprender
Rápido e devagar
A vida dos Estoicos
Meditações de Marco Aurélio
*Links afiliados.
---
👋 Você pode me encontrar aqui:
👨💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.
✉️ Email comercial
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#reactjs #typescript #nextjs
0:12:11
Entendendo Refs e forwardRef no ReactJS: Quando e Como Utilizar?
0:05:27
React Refs | forwardRef TUTORIAL
0:07:23
FORWARD REF IN REACT JS
0:33:46
Utilizando as refs no React de forma avançada | Code/Drops #52
0:27:53
como usar react refs entre componentes? React.forwardRef & props.innerRef
0:15:22
Aprenda useRef - SIMPLIFICANDO OS HOOKS DO REACT
0:09:33
Como diabos funciona o useRef??? - React Hooks #4
0:11:57
React Hooks: useRef
0:09:32
React Pass forwardRef Hook Between Multiple Components
0:11:47
COMO FUNCIONAM OS HOOKS NO REACT? *useRef por baixo dos panos*
0:01:00
VOCÊ PRECISA ENTENDER ESSE CONCEITO NO REACT | FORMULÁRIOS #shorts
0:00:55
Você (talvez) esteja usando esse React Hook ERRADO #shorts
0:13:56
Aula 30 - React Hooks: useRef - Curso React Native + Hooks
0:07:27
React Hooks 14 - Hook useRef
0:21:33
Mastering the useRef Hook in React: A Comprehensive Tutorial
0:38:14
React interview questions for experienced | react interview questions and answer
0:16:34
useImperativeHandle Made Easy with React Native [In 16 Minutes] - 2022
0:00:59
Descomplicando Formulários: Como Criar Componentes Reutilizáveis em ReactJS #reactjs #form #nextjs
0:10:44
React.js - Comunicação entre Componentes
0:06:21
React Hooks Tutorial - 3 - useState with previous state
0:18:00
Crie seus componentes CUSTOMIZADOS da forma CORRETA | ReactJS
0:23:51
Understanding how the useRef Hook works in React
0:30:07
React 19 Chegou! Todas as Novidades e Como Atualizar Seu Código
0:10:22
React Hooks Tutorial | The useRef Hook
Комментарии