Curso de react: Aula 13 - Usando forwardRef

Na aula 13 do curso de react, vamos ver como encaminhar o atributo "ref" de componentes internos para o seu componente customizado. Vamos entender como forwardRef funciona nesse caso!

Links mencionados no vídeo:

Outros cursos no canal:

Livros recomendados:

CODARSE - Dominando a componentização

[cicerosistemas]

Vou te falar... sua iniciativa merece infinitos likes. Trabalho com SAPUI5 (framework front end da SAP). Mas estou estudando react para abrir o leque do meu currículo. Parabéns!!!

[leonardoteixeira]

Realmente muito bom seus vídeos Lucas. Estou maratonando também. Aula 13/29. Melhor que muita série de streaming hehe.

[lassd]

Salve, Lucas!!! Solução extremamente elegante!!!! Muito bommmm!!!

[volselongames]

Thank you friend, greetings from Russia

[alexon]

Sensacional, como eu sofria com o controle de focus, sem entender antigamente o ref, digo antigamente, porque utilizo react a uns 7 anos, confesso que não queria também utilizar o Typescript, vejo muitas forma diferente de utilizar o Typescript com React, o que eu não gosto além da verbolidade do código é as várias formas de utilizar o Typescript, deveria ter uma padrão, de qualquer forma estou utilizando o typescript também!!!! Muito Show mesmo realmente não vejo niguém abordar da forma como vc fez já virei fâ do seu canal.. vou consumir tudo por

[vieiramaicon]

Então esse React.forwarRef é uma função que recebe como parâmetro outra função? Aí essa função passada como argumento precisa ter como parâmetros props e ref, além de retornar um componeentente tsx? Doideira, véi. Precisa ser props, ref ou pode ser o inverso (ref, props)?

[almirrogerio]

Show de bola, cara... muito muito muito bom...

[maiconbdy]

Parabéns! Conteúdo muito útil e excelente!

[dietrichguilherme]

Lucas, parabens pelo conteudo e pela dinamica.

Sou desenvolvedor de sistemas senior, trabalho principalmente com C# a mais ou menos 10 anos.

Entrei numa empreitada onde tenho uma parte da equipe inexperiente querendo React e outra parte da equipe querendo Angular.

Seus videos são tão didaticos e objetivos, que ja detectei varios prós e contras em utilizar ambas as tecnologias.

Com Angular ja trabalhei e fiz projetos muito bons mas com React está sendo o primeiro contato. ( vale lembrar que tambem entendo legal de JavaScript e TypeScript ).

Alguns pontos gostaria de levantar e talvez ter sua ajuda para responder.

Não consegui detectar a ideia de um MVVM ( vi que tem um tal de Mobx ) ou de um DI ( não encontrei nenhum que parece solido o suficiente ), pois em nenhum lugar até o momento consegui encontrar um alias ao provider do Angular ( que tambem tem suas limitações ).

Estou achando um pouco estranho a ideia dos hooks, pois ele abre tanto a possibilidade de usar state pra tudo, que vc n consegue separar muito bem um state de um stateless. Esse está sendo um dos meus principais medos. Pois como é muito aberto, para virar uma salada mista é bem facil.

Os binds dos dados no html dos componentes tambem são um pouco estranhos ao meu ver, mas confesso que é uma questão de gosto isso.

Sobre a parte de EventEmitter, Observable e comunicação entre componentes que não tem relação direta, como ficaria com o React? Por exemplo, imagine que tenho uma NavBar, nessa Nav tem um comboBox com as unidades ( cada unidade é uma empresa, todos do mesmo grupo ).

Cada empresa possui seus próprios colaboradores e estoque.

No AngularJS eu faria um EventEmitter pelo pattern de Observable e com o evento assinado no componente faria um invoke de tudo que for preciso consultar na API para atualizar os dados, que por sua vez refletiria na View.

Pelo que pude entender no react, essa atribuição seria feita via um hook ( useEffect ) que teria como dependencia outro hook ( useState ) que esse deveria estar declarado num scopo ou contexto global da aplicação, assim teria de forma implicita a implementação do padrão event. Estou certo?

Muito obrigado Lucas! E boa sorte amigo.