Pular para o conteúdo
HagiCodeAwesome Site

Selecionar língua

Idioma atual: Português (Brasil)

React Hooks

Source: https://github.com/rehooks/awesome-react-hooks at 33424d3e810c
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

awesome-react-hooks Awesome

Seção intitulada “awesome-react-hooks ”

Recursos Incríveis de React Hooks

Documentação

Seção intitulada “Documentação”

Discussões

Seção intitulada “Discussões”

Tutoriais

Seção intitulada “Tutoriais”

Vídeos

Seção intitulada “Vídeos”

Podcasts

Seção intitulada “Podcasts”

Ferramentas

Seção intitulada “Ferramentas”

Catálogos

Seção intitulada “Catálogos”

Pacotes

Seção intitulada “Pacotes”
  • @21kb/react-hooks Um conjunto de React Hooks para se apaixonar.
  • @d2k/react-devto Hook React para requisições da API Dev.to
  • @d2k/react-github Hook React para requisições da API Github
  • @d2k/react-localstorage Hook React que gerencia a atualização e limpeza dos valores do localstorage mantendo-os sincronizados com seus componentes.
  • @elgorditosalsero/react-gtm-hook Hook React para gerenciar facilmente o Google Tag Manager.
  • @hookstate/core Gerenciamento de estado moderno, muito rápido e extensível para React.
  • @jzone/react-request-hook 🐶Hook React para requisição customizada, compatível com várias libs, suporta redux
  • @kevinwolf/formal Primitivos elegantes de gerenciamento de formulários para a era dos react hooks.
  • @koale/useworker ⚙️ Executando tarefas pesadas em background usando web workers, sem bloquear a UI
  • @marvelsq/use-properties-hook Funções de instância dentro de FunctionComponent como class-properties e igual em ShallowCompare
  • @rehooks/component-size Hook React para determinar o tamanho de um componente.
  • @rehooks/document-title Hook React para atualizar o título do documento.
  • @rehooks/document-visibility Hook React para se inscrever na visibilidade do documento.
  • @rehooks/input-value Hook React para criar valores de entrada.
  • @rehooks/local-storage Hook React que sincroniza localStorage[key] com o componente.
  • @rehooks/network-status Hook React para obter status de rede.
  • @rehooks/online-status Hook React para status online.
  • @rehooks/window-scroll-position Hook React para obter a posição x e y da janela.
  • @rehooks/window-size Hook React para se inscrever no tamanho da janela.
  • @rekindle/use-request 🤖 Hook React para fazer requisições.
  • @rkrupinski/use-state-machine Um hook de máquina de estados finitos.
  • @staltz/use-profunctor-state Hook React para gerenciamento de estado com Profunctor Optics
  • @webscopeio/react-health-check 🏥 Hook React leve para verificar a saúde dos serviços de API.
  • @wellyshen/use-web-animations 🍿 Hook React para animações altamente eficientes e manipuláveis usando Web Animations API.
  • @withvoid/melting-pot Biblioteca utilitária de hooks React.
  • ahooks/usetable Uma Solução Progressiva para Cena de Tabela de Consulta.
  • concent Gerenciamento de estado customizado para react, é simples, previsível, progressivo e eficiente.
  • constate Transforme seu estado local em estado global usando useContextState e useContextReducer.
  • conuse Compartilhe Hook com Context
  • easy-peasy Estado global fácil para React.
  • fetch-suspense Hook React para a Fetch API com suporte para Suspense.
  • graphql-hooks Cliente GraphQL minimalista com foco em hooks.
  • mobx-react-lite Bindings leves do React para MobX baseado em hooks experimentais do React.
  • modali Um componente de diálogo modal delightful para React, construído do zero para suportar React Hooks.
  • moment-hooks Uma biblioteca contendo hooks react genéricos
  • nice-hooks 🍹 Muitos hooks legais para facilitar o uso de react hooks ( useState callback / life cycle / instance variable)
  • promise-hook Hook React para simplificar busca de dados baseada em Promise.
  • reactive-react-redux Binding do React Redux com React Hooks e Proxy
  • react-async-hook Hook React para buscar dados ad-hoc em seus componentes React.
  • react-cached-callback Hooks React para cachear muitos callbacks por chave, por exemplo, em loops.
  • react-context-refs Hooks React para obter refs de elementos via context.
  • react-cookie Hooks React para cookies universais.
  • react-cool-dimensions 📏 Hook React para medir o tamanho de um elemento e gerenciar componentes responsivos.
  • react-cool-form 📋 Hooks React para estado de formulários e validação, menos código mais desempenho.
  • react-cool-inview 🖥️ Hook React para monitorar quando um elemento entra ou sai da viewport (ou outro elemento).
  • react-cool-onclickoutside 🖱 Hook React para ouvir cliques fora do(s) componente(s).
  • react-cool-portal 🍒 Hook React para Portals, que renderiza modais, dropdowns, tooltips etc. para ou outro.
  • react-cool-virtual ♻️ Um hook React minúsculo para renderizar grandes datasets como uma brisa.
  • react-countdown-hook Hook de contagem regressiva simples porém poderoso para React. Alimentado por requestAnimationFrame.
  • react-darkreader 🌓 Um Hook React para adicionar modo escuro / noturno ao seu site inspirado por darkreader.
  • react-declare-form Biblioteca de formulário declarativa baseada em hook React.
  • react-deep-hooks Hooks React para dependências não primitivas.
  • react-dom-status-hook Hook React para se inscrever no evento DOMContentLoaded.
  • react-enhanced-reducer-hook Uma alternativa ao useReducer que aceita middlewares.
  • react-fetch-hook Hook React para usar convenientemente a Fetch API.
  • react-firebase-hooks Uma coleção de hooks para usar com Firebase.
  • react-form-stateful Biblioteca de formulários. Expõe dispatch para permitir que a biblioteca seja estendida através de efeitos colaterais.
  • react-hanger Uma pequena coleção de hooks utilitários.
  • react-hook-mighty-mouse Hook React que rastreia eventos de mouse em elemento selecionado 🐭
  • react-hook-mousetrap Um hook para disparar callbacks em teclas ou combinações de teclas, alimentado por mousetrap.
  • react-hookedup Uma coleção de hooks React úteis.
  • react-hook-form Validação de formulários sem complicações.
  • react-hook-layout Gerenciamento de layout em React.
  • react-hooks-async Hooks customizados React para funções assíncronas com cancelabilidade e composabilidade
  • react-hooks-global-state Um gerenciamento de estado global simples.
  • react-hooks-image-size Hook para obter o tamanho natural da imagem a partir da url.
  • react-hooks-lib Um conjunto de hooks react reutilizáveis.
  • react-hooks-svgdrawing Um hook para desenho svg.
  • react-hooks-use-modal Um hook para abrir o modal facilmente.
  • react-hooks-visible Um hook para visibilidade de elemento. Usa a API intersection observer.
  • react-hooks-worker Hooks customizados React para web workers
  • react-hotkey-hook Hook React para hotkeys.
  • react-i18next Internacionalização para react feita certa.
  • react-immer-hooks useState e useReducer usando Immer para atualizar estado.
  • react-indicative-hooks Hooks envolvendo uma biblioteca de validação de dados chamada Indicative
  • react-intersection-visible-hook Hook React para rastrear a visibilidade de um componente funcional.
  • react-media-hook Hook React para Media Queries.
  • react-metatags-hook Hook React para gerenciar meta tags html.
  • react-native-react-bridge Um plugin React Native para executar React e gerenciar a comunicação entre eles.
  • react-optimistic-ui-hook ⚛️ Implementação mínima do padrão “optimistic UI” com um hook React
  • react-page-name Hook React para gerenciar o título da página.
  • react-peer-data Wrapper React para biblioteca PeerData para compartilhamento de arquivos, mídia/streaming usando WebRTC.
  • react-pirate Hooks de ciclo de vida e utilitários do React.
  • react-powerhooks API de hooks para componentes react-powerplug.
  • react-promiseful Um componente React e hook para renderizar filhos condicionalmente baseado no status de uma promise.
  • react-query Hooks para busca, cache e atualização de dados assíncronos em React.
  • react-recaptcha-hook Hook React para google-recaptcha v3
  • react-recipes 👩‍🍳 Coleção de receitas essenciais de hooks 🥘
  • react-request-hook Requisições de API gerenciadas, canceláveis e orientadas à segurança.
  • react-responsive Módulo de media query do React.
  • react-rocketjump Gerenciar estado e efeitos colaterais como uma brisa.
  • react-screen-wake-lock Implementação React da Screen Wake Lock API. Fornece uma maneira de evitar que dispositivos escureçam ou bloqueiem a tela quando um aplicativo precisa continuar funcionando
  • react-script-hook Hook React para carregar dinamicamente um script externo e saber quando foi carregado
  • react-selector-hooks Coleção de factories de seletores memoizados baseados em hooks para declarações fora do render.
  • react-speech-kit Hooks para Speech Recognition e Speech Synthesis do navegador.
  • react-state-patterns Pacote utilitário para criar implementações reutilizáveis de padrões de provedor de estado do React a partir de hooks.
  • react-swipeable Hook de manipulador de evento swipe do React.
  • react-tracked Estado global simples e rápido com React Context. Elimine re-renders desnecessárias sem problemas.
  • react-uniformed 🚀 Formulários React declarativos usando hooks.
  • react-use-api Dados de requisição HTTP assíncrona para axios. Projetado para diversos estados de UI, SSR e pre-cache de dados.
  • react-use-browser Um hook que permite hidratação do lado do cliente de componentes renderizados pelo servidor quando a marcação produzida pelo servidor precisa diferir da marcação final da aplicação do cliente.
  • react-use-calendar Um hook para implementar um calendário com eventos.
  • react-use-clipboard Um hook que copia texto para a área de transferência do usuário.
  • react-use-d3 Um hook React para usar D3.
  • react-use-data-loader Hook React para carregamento de dados
  • react-use-fetch-factory Hook React que cuida de buscar e selecionar dados com redux.
  • react-use-fetch-with-redux Hook React que cacheia requisições de API que funciona com redux.
  • react-use-form-state Hook React para gerenciar estado de formulários e entradas.
  • react-use-id-hook Hook React para gerar strings de id único SSR-safe.
  • react-use-idb Hook React para armazenar valor no navegador usando indexDB.
  • react-use-infinite-loader :infinity: :page_with_curl: :hourglass_flowing_sand: Hook super leve de carregamento infinito (scroll) para aplicações React
  • react-use-input 🎣 Um hook cujo setter pode ser diretamente dado para inputs HTML
  • react-use-lazy-load-image :sunrise: :zap: Adicione carregamento lazy de imagens ao seu app React com facilidade
  • react-use-message-bar Um hook React simples para message bars.
  • react-use-modal Hook React para gerenciar modal.
  • react-use-path O tiniest hook style react router.
  • react-use-scroll-position Hook React para usar a posição de scroll.
  • react-use-trigger Hook React para disparar efeito de qualquer lugar do código
  • react-use-watch Um hook React sobre triggers uma única vez quando as dependências mudarem.
  • react-use-wavelet Hooks React para conectar à plataforma de smart-contract Wavelet
  • react-use Coleção de hooks essenciais.
  • react-useFormless Hook React para gerenciar estado de formulários.
  • react-usemiddleware Hook React para usar middlewares Redux existentes (como thunk ou saga) com useReducer.
  • react-useportal 🌀 usePortal, Hook React para Portals
  • react-user-media Wrapper React para navigator.getUserMedia.
  • react-wait Hook complexo de Gerenciamento de Loader para Aplicações React.
  • react-window-communication-hook Hook React para comunicação entre contextos do navegador (abas, janelas, iframes).
  • react-with-hooks Ponyfill para a API React Hooks proposta.
  • reaktion Hook similar ao useState para gerenciamento de estado global.
  • redhooks Gerenciamento de estado global com React Hooks. Também suporta o uso de middleware como redux-thunk ou redux-saga ou seu próprio middleware customizado.
  • redux-react-hook Hook React para acessar estado mapeado de um Redux store.
  • region-core Um framework de gerenciamento de estado global com um hook useProps.
  • rehooks-visibility-sensor Verifica se um elemento rolou para a view ou não.
  • resynced Gerenciamento de estado múltiplo usando a API React Hooks.
  • reto Store React flexível e eficiente com hooks.
  • rrh Hooks React super simples para react-redux.
  • rxjs-hooks Uma forma fácil de usar RxJS v6+ com react hooks.
  • scroll-data-hook Retorna informações sobre velocidade de scroll, distância, direção e mais.
  • style-hook 🎨 escreva css em js com react hooks.
  • swr Biblioteca React Hooks para busca de dados remotos.
  • the-platform Browser API’s transformadas em React Hooks e elementos React friendly de Suspense para situações comuns.
  • trousers 👖 Uma biblioteca CSS-in-JS com foco em hooks, focada em semântica e desempenho de runtime
  • use-abortable-fetch Hook React que faz um fetch e aborta quando o componente é descarregado ou uma requisição diferente é feita.
  • use-action Quase igual ao useEffect, mas não diferido.
  • use-as-bind Hook React para usar as-bind com uma fonte WASM.
  • use-async-memo Hook React para gerar dados memoizados assincronamente.
  • use-autocomplete Um hook React para retornar valores de autocomplete para uma string de busca dentro de um array.
  • use-axios-react Hooks CRUD React para axios, lista abrangente de exemplos
  • use-boolean Helpers convenientes para gerenciar estado booleano.
  • use-browser-history Um hook React para gerenciar eventos de histórico do navegador.
  • use-cart Um hook React que lhe dá funcionalidade de carrinho de compras.
  • use-click-away Hook React quando você quer que um callback seja invocado quando um elemento DOM não foi clicado.
  • use-clippy Um hook React para ler de e escrever para a área de transferência do usuário.
  • use-context-selector Hook React useContextSelector em userland.
  • use-controlled-input-number Hook React para transformar o comportamento de entrada numérica no que você espera.
  • use-countries Hook React customizado para listar países e idiomas.
  • use-debounce Um hook debounce (e throttle) para React.
  • use-deep-compare É o useEffect/useMemo/useCallback do react, exceto usando comparação profunda nas entradas.
  • use-deep-compare-effect 🐋 É o hook useEffect do react, exceto usando comparação profunda nas entradas, não igualdade de referência.
  • use-detect-print Hook React para detectar quando uma página está sendo impressa.
  • use-dimensions Hook React Native para obter dimensões de tela e janela.
  • use-double-click Hook React para double-clicks contínuos e combinando eventos de click e double-click
  • use-eazy-auth Hooks React para gerenciar coisas de autenticação.
  • use-events Um conjunto de Hooks React para gerenciar eventos de mouse.
  • use-force-update Hook React para forçar re-render de um Componente funcional.
  • use-hotkeys Hook React HotKeys.js que escuta eventos de teclado keydown e keyup, definindo e despachando atalhos de teclado.
  • use-hovering Hook React simples e acessível para rastrear estado de hover.
  • use-http 🐶 useFetch, Hook React para fazer requisições http isomórficas.
  • use-immer Um hook para usar immer para manipular estado.
  • use-input-file Hook React para criar input de arquivo.
  • use-is-mounted-ref useIsMountedRef é um Hook React para verificar quando o componente está montado.
  • use-lang-direction Um hook que lê o valor do atributo dir do elemento HTML e qualquer atualização desse valor permitindo que você atualize sua UI de acordo.
  • use-last-fm Um hook para mostrar sua música atual tocando do Spotify ou qualquer outro site que last.fm suporta em tempo real. ♪
  • use-lilius Um hook de calendário headless para React.
  • use-media Media queries CSS com hook React.
  • use-mouse-action Hooks React para escutar mouse down ou up e eventos de click com uma função chamada uma vez.
  • use-multiselect Gerenciar estado de multiselect.
  • use-overflow Um Hook React que permite que você detecte overflow X e Y
  • use-places-autocomplete 📍 Hook React para Google Maps Places Autocomplete.
  • use-popper Wrapper de hook React ao redor de Popper.js.
  • use-query-params Um Hook React para gerenciar estado em parâmetros de query de URL com serialização fácil.
  • use-react-modal 🖼 useModal, Hook React para Modals/Dialogs/Lightboxes
  • use-react-router Hook React para comportamento pub-sub usando React Router.
  • use-reactive-state useReactiveState() - uma alternativa reativa ao useState() do React.
  • use-reducer-async React useReducer com ações assincronas
  • use-redux Um hook para vincular redux.
  • use-scroller Hook React que adiciona automaticamente a próxima página, economizando usuários de um carregamento de página completo.
  • use-scroll-to-bottom Hook React para detectar quando um elemento foi rolado para o fundo.
  • use-simple-undo Implementação simples de funcionalidade de undo/redo.
  • server-push-hooks 🔥 Hooks React para socket.io, SEE e mais para vir
  • use-socket.io-client Hook React para socket.io-client, manipule cliente socket.io sem nenhum efeito colateral.
  • use-sse ✨useSSE - use Server-Side Effect. useEffect tanto no lado do cliente quanto do servidor.
  • use-ssr ☯️ Hook React para determinar se você está no servidor, navegador, ou react native.
  • use-state-snapshots Um hook React para acompanhar mudanças de estado para funcionalidade de undo/redo.
  • use-substate Hook React para se inscrever no seu estado único de app (funciona com seu app Redux atual).
  • use-suspender Execute ações assincronas com React.Suspense
  • use-t Multi-linguagem usando hooks.
  • use-undo Hook React para implementar funcionalidade de Undo e Redo.
  • use-videocard Hook React para buscar informações da placa gráfica do cliente usando canvas
  • use-window-blur-change-title Hook React para definir o título da página quando o usuário está desviando o foco da janela atual.
  • useDarkMode Um Hook React customizado para ajudá-lo a implementar um componente “dark mode”.
  • useDeferredState Um hook React para diferir a mudança de estado. Isso é essencial quando sua UI precisa esperar que a animação de desaparecimento seja concluída para desmontar o componente.
  • useDropZone Hook React que permite que você defina funcionalidade simples de drag and drop.
  • useEmailAutocomplete 📬 Hook React para entradas de autocomplete de email.
  • useFileDialog Abra diálogo de arquivo sem dificuldades com o hook react useFileDialog
  • useInView Implementação React da Intersection Observer API para informar quando um elemento entra ou sai da viewport.
  • useIsTyping Hook para ver se o usuário está digitando dentro de uma textarea ou input
  • useKeyCapture ⌨️ Um hook simples para tornar a escuta de eventos keyDown mais fácil.
  • usePosition Hook React para obter posição superior esquerda de um elemento.
  • useReducerWithEffects Hook React que coloca lado a lado reducer e efeitos colaterais
  • useReducerWithLocalStorage Hook React que adiciona suporte a local storage para o hook useReducer
  • useScreenType Determinando tipo de tamanho de tela para grid Bootstrap 4.
  • useScreenType Hook React para obter dinamicamente o tipo de tela atual (móvel, tablet, desktop) com suporte a breakpoint configurável.
  • useScrollSpy Hook React para atualizar automaticamente navegação baseado em posição de scroll.
  • useServiceWorker Um hook React que pode registrar um service worker
  • useValueAfter Hook React muito simples para facilmente fornecer props diferentes a um componente (é útil para testar casos extremos)
  • useWaitForElements Um hook simples para esperar que elementos sejam renderizados com MutationObserver.
  • useWindowOrientation Um hook retornando a orientação da janela (portrait vs. landscape) baseado nas dimensões atuais da janela
  • useWindowWidthBreakpoints Um hook para usar breakpoints de largura de janela (inspirado em Bootstrap)

HagiCode

O HagiCode é um ambiente de programação com agentes. Interações de interface ricas e práticas tornam o planejamento, a execução de agentes e o trabalho em projetos mais acessíveis e fáceis de acompanhar, criando uma experiência de desenvolvimento envolvente.

Uma experiência de desenvolvimento envolvente, com interações de interface ricas e práticas.

Acessar HagiCodeLer a documentação
  • InteligenteOs fluxos de trabalho do OpenSpec transformam a intenção em um caminho executável, da proposta ao design, às tarefas e à entrega.
  • EficienteA execução multiagente mantém pesquisa, implementação e revisão em andamento em paralelo, em vários repositórios e com os Agent CLI que você já usa.
  • InteressanteInterações de interface ricas e práticas tornam o planejamento, a execução de agentes e o trabalho em projetos mais acessíveis e fáceis de acompanhar.

Baixar para Windows

Obter na Microsoft StoreTodos os downloads

Transforme ideias em software entregue.

O HagiCode é um ambiente de programação com agentes: os fluxos de trabalho do OpenSpec planejam a mudança, a execução multiagente a realiza e o Hero Scenario torna o longo percurso visível, para transformar ideias em software entregue.

Baixar HagiCodeDocumentação do produto
Inteligente
Os fluxos do OpenSpec transformam a intenção em um caminho da proposta à entrega.
Eficiente
A execução multiagente conduz pesquisa, implementação e revisão em paralelo.
Divertido
As interações de interface facilitam o planejamento, a execução de agentes e os projetos.

© 2026 HagiCode | Powered By hagilight-starlight@0.21.0 | Branch: main | Commit: 745b50b | Built:

Sair do Awesome Site?

Você está prestes a visitar um site externo. Não controlamos o conteúdo nem as práticas de privacidade dele.

Destino

Continuar para o site