https://github.com/jerp86/useimperativehandle

Example of using useImperativeHandle in React, learned with Luis Filipe Pedroso @LuisFilipePedroso
https://github.com/jerp86/useimperativehandle

chakra-ui chakra-ui-react chakraui react reactjs typescript useimperativehandle vite vitejs

Last synced: 3 months ago
JSON representation

Example of using useImperativeHandle in React, learned with Luis Filipe Pedroso @LuisFilipePedroso

• Host: GitHub
• URL: https://github.com/jerp86/useimperativehandle
• Owner: jerp86
• License: mit
• Created: 2022-09-20T17:50:36.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-18T08:22:31.000Z (over 1 year ago)
• Last Synced: 2025-01-18T08:16:29.767Z (4 months ago)
• Topics: chakra-ui, chakra-ui-react, chakraui, react, reactjs, typescript, useimperativehandle, vite, vitejs
• Language: TypeScript
• Homepage:
• Size: 452 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Example of using useImperativeHandle in React


---



  





  

    

  



---



  Sobre | 

  Motivo | 

  Tecnologias | 

  Como Contribuir | 

  Licença



---



  



## :information_source: Sobre

[Referências de Forma Avançada no React](https://youtu.be/7crxexAIz3w) - por [Luis Filipe Pedroso](https://github.com/LuisFilipePedroso).

https://youtu.be/7crxexAIz3w

## :interrobang: Motivo

O useImperativeHandle é um dos Hooks que transformou o React, isso porque com ele nós conseguimos resolver um problema que tínhamos no passado ao criar apps com React, que era passar dados do filho para o pai.

Durante muito tempo nós resolvíamos esse problema de uma forma não tão interessante utilizando o Redux. Isso fazia com que o App tinha diversos efeitos colaterais e renderizações desnecessárias, prejudicando a performance do App.

Mas agora, nós conseguimos resolver esse problema sem abrir mão da performance utilizando o useImperativeHandle em conjunto com as Refs do React.

## :rocket: Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

- [React](https://reactjs.org/)

- [@chakra-ui/react](https://chakra-ui.com/)

- [@emotion/react](https://emotion.sh/docs/introduction)

- [framer-motion](https://www.framer.com/motion/)

- [vite](https://vitejs.dev/)

## :link: Como contribuir

- Faça um Fork do repositório

- Clone o seu repositório

- Crie uma branch com a sua feature

- Faça um commit com suas mudanças

- 'Push' a sua branch

- Ir em Pull Requests do projeto original e criar uma pull request com o seu commit

## Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



  Feito com ❤️ por Jerp86 👋️

  


  Entre em contato!