React Components

Source: https://github.com/brillout/awesome-react-components at 66b2758c4808
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

Absolutamente impressionante React Componentes e Bibliotecas

Esta é uma lista de componentes AWESOME. Não, não é uma lista completa de cada React componente sob o sol. Então, o que significa “ótimo”? Bem…

Resolve um problema real.
Fá-lo de uma forma única, bonita ou excepcional. (E não é super popular e bem conhecido … nenhum ponto em listar esses.)
Tem sido recente. code Commits!

Procure por um , para projetos verdadeiramente surpreendentes. E procure comentários de manutenção rápida e comentários em (itálico parens) após algumas listas de nota.

Ver também: Awesome React Frameworks.

Mantenedores:

@petebray, author of Fluxguard — monitor PROD website changes.
@brillout, author of Vike — a fast Vite-based React framework that is flexible, lean, community-driven and dependable.

Contribuir

Por favor, reveja o nosso Orientações de contribuição. Nós mantemos esta lista fresca por exigindo todas as RPs para remover uma ou mais entradas não-awesome desta lista. Por favor, apenas RP um novo recurso se você também está removendo um.

Sumário

UI Componentes
UI Disposição
UI Animação
- Paralaxe
UI Quadros
UI Utilitários
Code Design
Utilitários
Desempenho
Ferramentas Dev
- Ensaio
- Redux
- Inspecionar
- Diversos
Diversos
- Gerador de Website Estático
Soluções em nuvem
- Bases de dados

UI Componentes

Back to top ⬆️

Grade de dados editável / planilha

AG Grid - Grade avançada de dados / Tabela de dados de suporte Javascript / React / AngularJS / Componentes Web.
fortune-sheet - Um componente de planilha online que fornece recursos fora da caixa como o Excel.
gigatables-react - Ordenação, paginação/rolagem infinita, pesquisa global/coluna, AJAX CRUD, e mais.
Handsontable - demo - docs - Grade de dados com folha de cálculo UI apoio React, Angular, TypeScript e JavaScript.
jqwidgets-react-grid - Filtragem, Paginação, Agrupamento, Exportação para Excel, PDF, CRUD e mais.
MUI X Data grid - demo/docs - Grade de dados rápida e personalizável com recursos avançados para usuários de energia e casos de uso complexos.
react-data-grid - Grade tipo Excel.
ReactGrid - demo/docs - Adicionar comportamento de planilha ao seu aplicativo
revo-grid - demo/docs - Grelha de dados Powerfull para React / AngularJS / Vue / Componentes Web com personalização avançada.
SheetXL – A high-performance spreadsheet grid. TypeScript, ESM, Node/browser, Excel-compatible functions.
SVAR React DataGrid - demo - docs - React DataGrid com edição em célula, dados em árvore, menu de contexto, rolagem virtual, etc.

Quadro

ka-table - demo - Componente de tabela personalizável com ordenação, filtragem, agrupamento, virtualização, edição etc.
mantine-datatable - demo/docs - Componente de mesa leve para Mantina UI aplicações, com muitos recursos
material-table - demo/docs - Construído em Material UI, plus: agrupamento, dados em árvore, linhas expansíveis, exportação, edição em linha
mui-datatables - Construído em Material UI. Pesquisa, estilo, filtragem, redimensionar/esconder colunas, exportar, imprimir, selecionar/expandir linhas.
react-data-table - demo/docs - tabela acessível, responsiva, temática, declarativamente configurável com classificação, linhas selecionáveis, linhas expansíveis, paginação
TanStack Table - demo - Sem cabeça. UI para a construção de tabelas e redes de dados poderosas
react-table-library - demo - React Biblioteca de tabelas — uma biblioteca de mesas quase sem cabeça — para construir mesas melhores.
rsuite-table - demo/docs - Um componente de tabela que suporta virtualizado.
DevExtreme React Grid - Grade de dados baseada em plug-ins de alto desempenho para Bootstrap e Material Design.
Smart React Grid - Grade de dados rápida e completa com recursos Material Design.
simple-table - demo - docs - Leve, rápido e rico. Ordenação/filtragem, virtualização, dados de árvore, cabeçalhos aninhados, colunas fixas, estilo personalizado etc.
KendoReact Grid - Componente poderoso da grade de dados com recursos 100+ prontos para usar, como paging, triagem, exportação para Excel e muito mais.
Material-React-Table - Uma apresentação completa Material UI V5 implementação do TanStack React Quadro V8, escrito desde o início em TypeScript

Rolo Infinito

@egjs/react-infinitegrid - npm - demo - Um módulo usado para organizar elementos de cartão, incluindo conteúdo infinitamente de acordo com vários tipos de layout.
react-lazyload - Lazyload seu componente, imagem ou qualquer outra coisa onde o desempenho importa.
react-list - Um rolo versátil infinito React componente.
@af-utils/virtual - demo/docs - Render grandes listas de rolagem e grades.
react-window - demo - React componentes para renderizar eficientemente grandes listas e dados tabulares
virtua - demo - Um componente de lista virtual de configuração zero, rápido e pequeno (~3kB) para React, Vue e Solid.

Sobreposição

Exibir sobreposição / modal / alerta / diálogo / lightbox / popup

react-aria-modal - Um totalmente acessível e flexível React modal construído de acordo WAI-ARIA Práticas de autoria.
react-modal - Componente de diálogo modal acessível para React.
@paratco/async-modal - Manipulador modal assync simples para React.
reoverlay - demo - A solução em falta para gerir modais.
sweetalert2 - demo/docs - Um bonito, responsivo, altamente personalizável e acessível (WAI-ARIA) substituição JavaScriptSão caixas popup. Zero dependências.
sweetalert2-react-content - Melhorador oficial SweetAlert2 adicionando suporte para React elementos como conteúdo

Notificação

Torradeira / snackbar — Notifique o usuário com um pequeno popup temporário modeless

react-notifications-component - demo - Componente altamente personalizável e fácil de usar para notificações.
notistack - demo - docs - Lanches de notificação altamente personalizáveis (torrados) que podem ser empilhados em cima um do outro
react-local-toast - demo - docs - mostrar feedback ligado a determinado componente em vez de brindes de aplicação.
react-toast - demo - docs - Notificações mínimas de brindes.
🚀 react-toastify - demo - melhor apostar lá fora neste momento. Suporte de ganchos. Sem árbitros.
react-confirm-lite - demo - é uma janela de confirmação leve e baseada em promessas para React com revestimento interior Tailwind CSS apoio. É projetado para ser tão simples de usar como react-para astificar, mantendo-se totalmente personalizável.
reapop - A React & Redux Sistema de notificações.
react-hot-toast - demo - Fumar quente Notificações para React. Leve, personalizável e bonito por padrão.
Sonner - Um componente de brinde opinado para React.

Dicas

react-tooltip - React componente de dicas.

Menu / barras laterais

hamburger-react - demo/docs - Ícones animados menu hambúrguer para React.
react-burger-menu - Uma barra lateral off-canvas com efeitos e estilos.
react-offcanvas - Menus desligados para React.
react-planet - demo - Criar menus circulares que parecem planetas.
mantine-contextmenu - demo/docs - Contexto-menu gancho / componente para aplicações construídas com Mantine UI.

Fixo

Cabeçalhos fixos / cabeçalhos de rolagem/elementos pegajosos

react-headroom - Esconde o cabeçalho até precisar.
react-stickynode - Um performante e abrangente React pegajoso.

Páginas

react-tabs - React componente de tabs.
react-tabtab - React, tabs.

Carregador

Carregadores / spinners / barras de progresso — Deixe o usuário saber que algo está carregando

react-loader-spinner - Conjunto de recolha de react- para uma operação de sincronização.
react-redux-loading-bar - Barra de carregamento simples para Redux e React.
react-spinners-css - Incrível coleção de react Componentes de spinners.
react-spinners - Uma coleção de componentes de spinner de carga para react.
react-content-loader - Componente SVG-Desenvolvido para criar facilmente carregamentos placeholder (como carregamento de cartões do Facebook).

Captcha

react-simple-captcha - npm - demo - React Captcha simples é um muito poderoso, altamente personalizável e fácil de usar captcha para React JS.
procaptcha - demo - docs - Privacy focou CAPTCHA livre

Carrossel

@egjs/react-flicking - npm - demo - É de confiança, flexível e extensível.
react-awesome-slider - demo - Fullpage, 3D animado, 60fps mídia e conteúdo slider / carrossel.
pure-react-carousel - Construído do zero e não altamente opinado.
react-id-swiper - Uma biblioteca para usar o Swiper ReactJs componente
react-instagram-zoom-slider - demo - Componente de controle deslizante com capacidade de zoom inspirado no Instagram.
react-responsive-carousel - React.js Carrossel Responsivo (com Swipe).
react-slick - React componente do carrossel.
keen-slider - demo - Carrossel performant/slider com native comportamento toque/sujeito.
swiper - demo - docs - O mais moderno slider de toque móvel livre com transições aceleradas de hardware e surpreendente native comportamento.

Botões

react-awesome-button - demo - 3D animado botões 60fps com progresso de carga e ações de compartilhamento social.
reactive-button - demo - docs - Um belo componente de botão animado com indicador de progresso.

Recolher

react-accessible-accordion - Componente de acordeão acessível para React.
react-collapse - Embalagem de componentes para animação em colapso com react- movimento.
react-tabbordion - demo - Universal, semântico e CSS-somente componentes para criar Acordeões e Tabs.

Gráfico

Exibir dados em gráficos / gráficos / diagramas

essential js 2 charts - Gráficos e gráficos bonitos e interativos para react.
EazyChart - demo - docs - Transformar facilmente os dados em gráficos significativos
echarts for react - Embrulho em torno de belos Apache Echarts
jscharting-react – React chart component offering a complete set of chart types and engaging data visualizations with JSCharting.
react-chartist - React componente para Chartist.js.
react-charty - demo - Pequenos, mas poderosos dados interativos viz com vários tipos de gráficos, animações, zoom, theming.
react-chartjs-2 - Frequentes react cartografando componentes usando Chart.js 2.0.
react-d3-components - D3 Componentes para React.
react-google-charts - React- google-charts React componente.
react-highcharts - React- gráficos altos.
react-sparklines - Linda e expressiva Sparklines React componente.
react-timeseries-charts - Gráficos de séries temporais declarativas.
react-vis - Biblioteca de visualização de dados baseada em React e d3.
recharts - Biblioteca de gráficos redefinida construída com React e D3.
rumble-charts - React componentes para a construção de gráficos composíveis e flexíveis.
victory - Viz de dados para React.
semiotic - Semiótica é uma estrutura de visualização de dados para React.
SVAR React Gantt - demo - docs - Componente de gráfico Gantt interativo personalizável
DevExtreme React Chart - Gráfico baseado em plugins de alto desempenho para Bootstrap e Material Design.
Smart React Chart - Recurso completa biblioteca de gráficos.
react-muze - React embrulho para muze(Biblioteca gratuita de visualização de dados para criar visualizações exploratórias de dados no navegador, usando WebAssembly)
Flowchart React - Designer de Fluxograma e Fluxograma para React.js.
react-dashboard - Dashboards isomórficos.

Paleta de comando

cmdk - Menu de comandos rápido, composível e sem estilo para React.
kbar - demo - Interface cmd+k rápida, portátil e extensível.

Árvore

Exibir uma estrutura de dados em árvore

json-edit-react - demo - Visualizador e editor em árvore altamente configurável JSON/Object
react-arborist - demo - Uma visão em árvore completa: sem cabeça, virtualizado, multi-selecionável, drag-n-drop, navegação de teclado, pesquisa
react-complex-tree - demo - docs - Componente de Árvore Acessível Sem Opinião com Multi-Selecção, Arrastar e Procurar
he-tree-react - demo - docs - Árvore, personalizável UI, dados planos, dados de árvore, drag-n-drop, placeholder para drop, dobrável, caixa de seleção, virtualizada.

UI Navegação

Caminho para navegar views

react-scroll - React componente de rolagem.
react-swipeable-views - A React Componente para abas ligadas e vistas móveis.

Barra de Rolos Personalizada

rc-scrollbars - demo - Barras personalizáveis com opções flex e 60FPS
react-custom-scroll - demo - Personalizar facilmente a barra de rolagem do navegador com native Comportamento de rolagem do SO.
react-shadow-scroll - O componente que personaliza a imagem e insere sombra quando o rolagem existe.

Áudio / Vídeo

react-dailymotion - Componente do jogador de movimento diário para React.
react-player - A react componente para reproduzir uma variedade de URLs, incluindo o YouTube.
react-soundplayer - Criar jogadores de SoundCloud personalizados com React.
react-youtube - React.js componente do leitor do YouTube.
video-react - Um leitor de vídeo web construído para o mundo HTML5 usando React biblioteca.
material-ui-audio-player - Reprodutor de áudio para material ui design.
react-vision-camera - Componente da câmara para React usando getUserMedia. Podemos usar este componente para tarefas de visão computacional, como digitalização de código de barras, reconhecimento de texto, etc.
react-barcode-qrcode-scanner - Código de barras e QR code componente de scanner para React. Usa react-visão-câmera para acessar a câmera e leitor de código de barras Dynamsoft para ler códigos de barras.

Mapa

google-map-react - Mapa universal do Google react componente, permite renderização react componentes no mapa do Google.
mapkit - Uma biblioteca para integrar o Apple Maps usando o MapKit JS, com anotações, sobreposições e pesquisa.
pigeon-maps - demo - ReactJS Mapas sem dependências externas.
react-geosuggest - A React autosuggest para a API do Google Maps Places.
react-leaflet - React componentes para mapas do Folheto Informativo.
react-map-gl - A React wrapper para MapboxGL-js e API de sobreposição.
react-svg-map - demo - Um conjunto de componentes para exibir um mapa SVG interativo.

Hora / Data / Idade

Exibir hora / data / idade

react-timeago - Um componente de tempo simples para ReactJs.
timeago-react - Formatar data com *** time ago declaração. Por exemplo: “há 3 horas”.
react-google-flight-datepicker - Pesquisador de data de voo do Google implementado em ReactJS.

Foto / Imagem

Exibir imagens / fotos

lightGallery - demo - docs - Componente completo da galeria lightbox.
react-compare-image - demo - React componente para comparar duas imagens usando uma barra deslizante.
react-image-gallery - Galeria de imagens responsiva, carrossel, controle deslizante de imagem react componente.
yet-another-react-lightbox - demo - docs - React componente da caixa de luz.
react-intense - A React componente para visualizar imagens grandes de perto.
react-photo-album - demo - docs - Responder React Galeria de fotos.
react-svg-pan-zoom - A React componente que adiciona características de pan e zoom ao SVG.
react-particle-image - demo - Render imagens como partículas interativas.
react-imgix - Adicione imagens rápidas e responsivas como imagem, imagem ou fundo!
@frameright/react-image-display-control - Defina regiões de zoom para imagens responsivas inteligentes.
zoom-image - demo - docs - Uma pequena mas poderosa biblioteca agnóstico framework para ampliar a imagem na web
react-infinite-gallery – Infinite-scroll image gallery component for React apps.

Ícones

Exibir ícones / ícone definido / emojis

iconify-react - Mais de 40k ícones de 50+ conjuntos de ícones, incluindo todos os ícones populares e emoji conjuntos.
react-icons - Svg react ícones de pacotes de ícones populares usando importações ES6.
react-open-doodles - Impressionante ilustrações grátis como react componentes.
react-icomoon - Com react-comooon você pode facilmente usar os ícones que você selecionou ou criou em icomoon.
tabler-icons-react - Um conjunto de mais de 450 ícones SVG de alta qualidade licenciados pelo MIT.
Lucide - Belo kit de ferramentas de ícone & consistente feito pela comunidade. Projeto de código aberto e um garfo de Ícones de Pena.

Paginador

Exibir um elemento de controle para paginar

react-paginate - A ReactJS componente que cria uma paginação.
react-laravel-paginex - Paginação Laravel com ReactJS (personalizável).
paginated - React renderizar adereços & gancho personalizado para construir paginação.
react-steps - Demo - Responder React Stepper.

Markdown Visualizador

Exibir o código de marcação analisado

react-markdown - Renderizar Markdown como React componentes.

Tela

Etiquetar a entrada usando Canvas ou SVG

react-konva - React Konva é um JavaScript biblioteca para desenhar gráficos complexos de tela com ligações ao Konva Framework.
react-sketch - Uma ferramenta de desenho para React aplicações baseadas, apoiadas pela FabricJS
react-sketch-canvas - Demo Ferramenta de desenho vetorial de mão livre para React usando SVG como tela. Aceita a entrada do mouse, toque e tablets gráficos
react-heat-map - Um mapa de calor de calendário leve react componente construído no SVG, versão personalizável do GitHubgráfico de contribuição.

Imagem

html2canvas - Tire imagens de qualquer parte da sua página web usando Javascript.

Diversos

puck - demo - O editor visual self-hosted para React
react-advanced-news-ticker - demo - Um componente de notícias verticais flexível e animado
react-avatar-generator - Permite que os usuários criem caleidoscópios aleatórios para serem usados como avatares.
react-awesome-query-builder - demo - Construtor de consultas visuais a partir de campos de formulário, com SQL, MongoDB e JSON exportação
react-blur - React componente para fundos turvos.
react-demo-tab - demo - A React componente para criar facilmente demonstrações de outros componentes.
fastcomments-react - demo - Componente de comentários rápidos para incorporar um tópico de comentários ao vivo em uma página ou SPA.
react-pdf-viewer - docs - A React componente para visualizar a PDF Documento.
react-simple-chatbot - demo - Um componente chatbot simples para criar conversas.
react-file-reader-input - Componente de entrada de arquivo para controle para leitura de arquivos de estilo e abstração.
react-filter-control - A React componente filterbuilder para a construção dos critérios de filtro no UI.
react-headings - Auto-incremento seu HTML cabeçalhos (h1, h2, etc.) para melhor acessibilidade e SEO, não importa sua estrutura de componentes, enquanto você mantém o controle total do que é renderizado.
react-joyride - Criar passeios e visitas guiadas para o seu ReactJS aplicações. Agora com dicas autônomas!.
react-mouse-select - Demo Um componente que permite selecionar DOM elementos movendo o mouse
react-resizable-and-movable - Componente resistente e móvel para React.
react-resizable-box - Componente resistente para React. #reactjs.
react-searchbox-awesome - demo - Caixa de pesquisa minimalista.
react-split-pane - React Componente de painel dividido.
react-swipe-to-delete-ios - demo - Apagar um item numa lista da mesma forma que o iOS.
react-swipeable-list - demo - Componente configurável para renderizar lista com itens deslizáveis.
typography - Um poderoso kit de ferramentas para construir sites com tipografia bonita.
react-pulse-text - demo/docs - Permite-lhe animar o texto de qualquer propriedade de outro componente.
captcha-image - Permite- lhe gerar uma imagem captcha aleatória com opções.
react-pdf - Mostrar PDFs no seu React app tão facilmente como se fossem imagens.
react-customizable-chat-bot - Demo - Construa o seu próprio chatbot que corresponda às necessidades da sua marca em minutos.
@restpace/schema-form - Demo - Construir facilmente formas complexas automaticamente a partir de um esquema JSON.
react-darkreader - A React Gancho para adicionar um modo escuro / noite para o seu site inspirado no leitor escuro.
react-apple-signin-auth - Assinatura da Apple para React utilizando o Apple JS SDK oficial.
react-mrz-scanner - A React componente para verificar MRZ em passaportes, cartões de visto, etc. É baseado no Dynamsoft Label Reconhecer.

Componentes do Formulário

Deixar o usuário inserir dados

Data / Selector de tempo

Selector de data/selector de hora/selector de data/selector de gama de datas

date-range-picker - demo - Um componente de calendário que suporta data, intervalo e intervalos escolhe.
react-big-calendar - Gcal/outlook como componente de calendário.
react-datepicker - Um componente datepicker simples e reutilizável para React.
react-day-picker - Selector de datas flexível para React.
react-flatpickr - Catador para React.
react-simple-timefield - demo - Campo de entrada de tempo simples.
react-timezone-select - demo - Dinâmica e sucinta selecção de fuso horário. Baseado em react-select.
DevExtreme React Scheduler - Agendador/calendar baseado em plug-in de alto desempenho para Material Design.
jQWidgets Scheduler - Biblioteca de programação completa do recurso.
react-calendar - Calendário final para o seu React app.
react-date-picker - Um selecionador de datas para o seu React app.
schedule-x - Material design calendário de eventos e componentes do seletor de datas. Local de demonstração: https://schedule-x.dev/

Emoji chocker

interweave-emoji-picker - A React Picker emoji baseado alimentado por Interweave e Emojibase.

Tipos de Entrada

Entradas em massa, entradas especializadas; e-mail / número de telefone / cartão de crédito / etc.

react-credit-cards - Lindos cartões de crédito para os seus formulários de pagamento.
react-payment-inputs - demo - Um recipiente de dependência zero para ajudar com os campos de entrada do cartão de pagamento.
react-input-mask - demo - Mais um. react componente para mascaramento de entrada.
@lunasec/react-sdk - docs - Componentes de forma segura e endurecida que criptografam/tokenizam todos os dados automaticamente.
react-numpad - demo - Controlo numérico extenso para números, datas e horários.
react-multi-email - demo - Formatar vários e-mails como os tipos de usuário.

Completar automaticamente

Sugerir automaticamente/completar automaticamente/ digitar

react-autosuggest - WAI-ARIA conformidade React autosugerir componente.
react-typeahead - Puro react-com base no tipoahead e no tipoahead-tokenizer.

Selecionar

react-aria-menubutton - Um totalmente acessível, facilmente temaizável, React- Botão de menu alimentado.
react-functional-select - demo - Micro-tamanho & micro-otimizado componente de seleção para React.js.
react-mobile-picker - demo - Um iOS como componente da caixa de seleção.
react-select - Um controle de seleção construído com e para React JS.
react-column-select - Uma coluna selecionar componente construído para react.
react-select-search - demo - Um componente select leve para React

Selector de Cores

coloreact - Um minúsculo seletor de cores para React.
react-color - É um componente minúsculo do elemento de selecção de cores para React aplicações.
react-colorful - Um minúsculo (2,5 KB), componente de seleção de cores livre de dependência, rápida e acessível.
react-input-color - React componente de cor de entrada com o coletor de cores hsv.

Alternar

@anatoliygatt/heart-switch - demo - Um componente de comutador totalmente temático e acessível em forma de coração.
react-ios-switch - React mudar de componente.
react-toggle - Um componente elegante e acessível para alternar React. Também uma caixa de seleção glorificada.
ui-switch - O componente Alternar mais completo

Barra deslizante

react-slider - Componente deslizante para React.

Botão de Rádio

react-radio-group - Melhores botões de rádio.

Tipo Selecionar

Deixe o usuário selecionar algo (por exemplo, uma tag) enquanto digita

react-autocomplete-input - Completar automaticamente o campo de entrada para React.
react-mentions - Mencione pessoas em uma área de texto.
rich-textarea - Uma área de texto para colorir, destacar, decorar textos e oferecer autocompletar.

Entrada de etiquetas

Deixe o usuário adicionar várias tags em uma única entrada

react-tag-input - Um componente de marcação fantasticamente simples para o seu React Projectos.
react-tagsinput - Um simples react componente para a introdução de etiquetas.
react-tokeninput - Componente Tokeninput para React.
tagify - demo & docs - Leve, eficiente componente de entrada Tags.

Tamanho automático de entrada / área de texto

react-input-autosize - Redimensionando automaticamente o campo de entrada para React.
react-autowidth-input - Altamente configurável e extensível campo de entrada de tamanho automático construído com ganchos.
react-textarea-autosize - Componente <textarea /> para React que cresce com o conteúdo.

Classificação das Estrelas

react-rating - demo - Zero-dependência, componente de classificação altamente personalizável.
react-awesome-stars-rating - demo - O componente de classificação de estrelas com acessibilidade.
react-star-rating-input - React.js componente para entrar em 0-5 (ou mais) estrelas.

Arrastar e Soltar

react-beautiful-dnd - Belo e acessível arrastar e soltar para listas com React
react-dnd - Arrastar e Soltar para React.
react-drag-sizing - “Drag to resize” (dimensionamento) como React Componente.
react-draggable - React componente arrastável.
react-dragula - Arraste e solte tão simples que dói.
react-dropzone - Zona de drag-drop HTML5 simples com React.js.
react-movable - Biblioteca acessível e minimalista (<4kB gzipped) para arrastar e soltar verticalmente em listas e tabelas.
react-sortable-pane - Componente de painel dimensionável e dimensionável para React.
neodrag - Bibliotecas multi-quadro para arrastar. Escolha seu framework, o comportamento de arrastar API permanecerá o mesmo.

Lista ordenável

Deixe o usuário definir uma ordem em uma lista

react-anything-sortable - Ordenar quaisquer crianças com suporte ao toque e compatibilidade IE8.
sortablejs - Listas reordenáveis por arrastar e soltar, dentro e entre listas.

Editor de Texto Rico

alloyeditor - Editor WYSIWYG baseado no CKEditor com reescrita completa UI.
ckeditor4-react - Um editor de texto CKEditor 4 oficial.
ckeditor5-react - Um editor de texto CKEditor 5 oficial.
draft-js - A React quadro para a construção de editores de texto.
edtr-io - demo - docs - WYSIWYG editor web em linha com plugins.
megadraft - Editor de texto rico construído em cima do rascunho.js.
react-ace - Ás (Avançado Code Embalagem.
react-codemirror - demo - CodeMirror componente para React.
react-contenteditable - React componente para um div com conteúdo editável.
react-draft-wysiwyg - Editor WYSIWYG compila em cima de DraftJS.
react-editor - Editor richtext simples que pode inserir imagens e HTML.
react-medium-editor - Embrulho de editor médio.
react-monacoeditor - Componente do Editor Mónaco para React.
react-simple-code-editor - No-frills simples code editor com realce de sintaxe
react-quill - Papel Quill.
react-trumbowyg - Trumbowyg Embrulho.
remirror - demo - docs - Kit de ferramentas ProseMirror para React.
slate - demo - docs - Uma estrutura totalmente personalizável para construir editores de texto ricos.
smartblock - demo - docs - Editor WYSIWYG baseado em bloco baseado no ProseMirror.
tiptap - demo - docs - A estrutura de editor sem cabeça para artesãos web.

Markdown Editor

react-simplemde-editor - React invólucro de componentes para EasyMDE (the most fresh SimpleMDE fork).
react-markdown-editor - A markdown editor usando React- Refluxo.
react-md-editor - Um simples markdown editor com antevisão, implementado com React.js e TypeScript.

Edição de Imagens

Manipulação de imagem

react-avatar-editor - Facebook-like, avatar / perfil imagem componente.
react-avatar-generator - Gerar caleidoscópio divertido para avatares de usuário.
react-easy-crop - Componente para cortar/rotar imagens/vídeos com interações fáceis. Toque amigável.
react-image-crop - Uma ferramenta de corte de imagens responsiva para React.
react-image-cropper - Cortador de imagens.
react-advanced-cropper - A react biblioteca cropper para criar o cropper exatamente adequado para o seu site design.
react-mobile-cropper - Uma biblioteca de recorte de imagem pronta para usar altamente inspírito por cortadores Android populares. Baseado em react-advanced-cropper.

Colecções de Componentes de Formulário

formsy-material-ui - Um invólucro de compatibilidade formsy para Material UI Formar componentes.
formsy-react-components - Um conjunto de React Componentes JS para uso em formareact Forma.
react-input-enhancements - Conjunto de melhorias para o controle de entrada.
react-widgets - Um conjunto à la carte do à de entradas polidas, extensíveis e acessíveis.

Diversos

@anatoliygatt/numeric-stepper - demo - Um componente numérico totalmente temática e acessível.
interweave - React biblioteca a renderizar com segurança HTML, atributos de filtro, texto autowrap com fósforos, renderizar caracteres emoji, e muito mais.
react-designer - Gráficos vetoriais fáceis de configurar, leves e editáveis react componentes.
react-upload-gallery - React para Enviar Galeria de Imagens. Arrastar & Soltar, Classificar, Personalizar.

Realce de Sintaxe

react-syntax-highlighter - Componente de realce de sintaxe com Prismjs ou Highlightjs AST usando estilos em linha.

UI Disposição

Back to top ⬆️

Componentes para o layout da interface da aplicação

autoresponsive-react - Biblioteca de layout de grade de resposta automática.
hedron - Um sistema de grade flexbox sem frills, alimentado por componentes estilo.
m-react-splitters - Componente separador, escrito em TypeScript.
muuri-react - demo - docs - Disposição de grade responsiva, ordenável, filtrante e arrastável.
react-grid-layout - Um layout de grade arrastável e redimensionável com pontos de interrupção responsivos, para React.
react-layman - demo - Gerenciador de layout de tiling dinâmico com abas
react-masonry-component - Embrulho para a Alvenaria @desandro.
react-reflex - Componente do recipiente de layout flexível para avançado React aplicações web.
react-spaces - demo/docs - Componentes confortáveis ancorados, redimensionáveis e roláveis.
react-stonecutter - Componente de layout animado da grade.
react-colrow - Componentes de layout de grade responsivo. Baseado em css Flexbox. Suporte de largura de fração, crescimento automático.
react-schematic - demo - Construir layouts responsivos usando esquemas estilo sem uma sobrecarga de qualquer configuração do tema

UI Animação

Back to top ⬆️

Animar transições

data-driven-motion - Animar facilmente seus dados.
react-animatable - Uma biblioteca de animação usando a API Web Animations.
react-anime - Uma biblioteca de animação super fácil.
react-flip-move - Animação sem esforço entre DOM alterações (por exemplo, reordenação da lista) utilizando a técnica FLIP.
react-gsap-enhancer - Usar o poder total de React e GSAP juntos.
react-tsparticles - Um componente leve para criar facilmente animações de partículas interativas
react-motion - Uma mola que resolve os seus problemas de animação.
react-mt-svg-lines - Embrulhador para animar o traço de linha em SVGs.
react-router-transition - Transições construídas para react- roteador, alimentado por react- movimento.
react-spring - Uma biblioteca de animação baseada em física de primavera.
react-ts-typewriter - demo - Efeito de máquina de escrever fácil de usar e personalizável para qualquer texto.
framer-motion - Uma biblioteca de animação e gestos.
react-spark-scroll - Ações e animações baseadas em rolagem para react.
react-track - Acompanhar a posição de DOM elementos. Crie animações legais.
react-transitive-number - Aplique o efeito de transição em strings numéricas, um temporizador Groupon antigo.
react-web-animation - React componentes para a API Web Animations -.
auto-size-transition - Um componente que escala dinamicamente de acordo com o tamanho interno das crianças
react-particles-bg - Fundo de partículas.
gooey-react - demo/docs - O efeito gooey para React, usado para forma blobbing / metaballs.
react-voodoo - demo/samples - Motor de animação aditivo permitindo animações complexas android/iOs-like, renderizando controles deslizantes em SSR, inércia preditiva, multitouch, etc

Paralaxe

simple-parallax-js - demo - A maneira mais fácil de obter um efeito paralaxe com React e JavaScript em imagens
react-parallax-tilt - demo - Facilmente aplicar efeito hover inclinação paralaxe em componentes.

UI Quadros

Back to top ⬆️

Resposta

Set de componentes + sistema de layout responsivo

ant-design - demo/docs - A UI Design Linguagem da China. Individual components disponível.
atlaskit - Oficial da Atlassian UI biblioteca, com componentes de badge para tree table .
base web - Base Web é uma base para iniciar, evoluir e unificar produtos web.
carbon - demo/docs - A design sistema construído pela IBM.
cdbreact - demo - docs - Elegante. UI Biblioteca Kit e componentes reutilizáveis para a construção de sites móveis e responsivos e aplicativos web.
chakra-ui - demo/docs - Simples, modular e acessível UI Componentes para o seu React Aplicações.
ChatUI - demo/docs - O UI design língua e React biblioteca para Conversacional UI
CoreUI for React - demo/docs - Open Source UI Biblioteca de componentes.
evergreen - demo/docs - Evergreen. React UI Quadro por Segmento.
fluentui - Frameworks UX para criar belos aplicativos multiplataforma que compartilham code, design, e comportamento de interação.
gestalt - demo/docs - Um conjunto de componentes que suporta Pinterest design linguagem.
grommet - O framework UX mais avançado para aplicações empresariais.
kokonut-ui - Grátis moderno e personalizável UI componentes.
Mantine - demo/docs - Uma biblioteca com mais de 100 ganchos e componentes com native suporte ao tema escuro
orbit - Componentes para construção de projetos orientados para viagens.
flowbite-react - Código aberto UI biblioteca de componentes baseada em React, Tailwind CSS, e Flowbite.
primereact - Uma completa UI Framework com mais de 50 componentes com material, bootstrap e temas personalizados.
radix-ui - Componentes não decorados e acessíveis para construção de alta qualidade design sistemas e aplicações web.
react-bootstrap - Bootstrap componentes construídos com React.
react-foundation - Fundação como React componentes.
reakit - demo/docs Kit de ferramentas para a construção de aplicativos web ricos acessíveis
searchkit - React UI componentes / widgets. A maneira mais fácil de construir uma grande experiência de pesquisa com Elasticsearch.
semantic-ui-react - O oficial Semântico…UI-React integração.
semi-design - demo/docs - Um moderno, abrangente, flexível design sistema.
shadcn/ui - demo - docs - Componentes lindamente projetados que você pode copiar e colar em seus aplicativos.
shineout - demo - Chinês-friendly conjunto de componentes: elementos de formulário, navegação, tabela, árvore, árvore selecionar drop-down etc.
Tremor - demo - docs - Componentes de código aberto para construir gráficos e painéis.
untitled-ui-react - demo - Belamente crafted coleção de componentes construídos com React Aria e Tailwind CSS.

Material Design

🚀 Material UI - Conjunto completo de componentes. Construir o seu próprio design sistema, ou começar com Material Design.
- Autocomplete - Completar automaticamente, combobox, multiselecção
- Material Icons - 1000+ SVG material ícones.
- Modal - Componente de diálogo modal acessível.
- Slider - Componente de controle deslizante acessível.
- Table - tabela com ordenação, seleção, paginação, virtualizada.
- Tree View - Componente de visualização em árvore acessível para React.
react-essence - Essência - O Essencial Material Design Quadro.
react-materialize - Material design em vez de react, alimentado por materializecss.
react-toolbox - Um conjunto de React componentes que implementam o Google Material Design.
mdbootstrap - React Bootstrap com Material Design

Telemóvel

antd-mobile - Móvel Configurável UI da China.
Ionic React - Ionic Framework: facilmente construir Android, desktop e aplicações Web progressivas com um code Base.
OnsenUI - demo/docs - App framework móvel com Material e projetos planos (iOS). Baseado em Componentes Web.

Coleções de Componentes

blueprint - demo - docs - UI toolkit para construção de interfaces web complexas e densas para aplicações de desktop (não móveis).
dataminr-react-components - Recolha de reutilizáveis React Componentes e funções de utilidade.
shards-react - docs/demo - Uma bela e moderna React design sistema. Freemium.
aframe-react - Construir experiências de realidade virtual com A-Frame e React.
react-admin - Crie experiências de usuário administrador em cima dos serviços REST e GraphQL.
refine - demo - docs - Construir aplicações intensivas em pouco tempo. Navega com Formiga Design Sistema, um nível empresarial UI Kit de ferramentas.
matrix-card - demo - Componente mais simples possível para gerar cartas de estilo de chuva matriz.
rsuite - demo/docs - Conjunto de componentes para “produtos do sistema empresarial”.
lens-ui - docs - Um terno de componentes focado na simplicidade.
Tailwindadmin - docs - Uma coleção de ShadCN pronto UI componentes que você pode conectar diretamente em seu React/Next.js Projectos.

UI Utilitários

Back to top ⬆️

Repórter

Relatar os estilos calculados

Relatório de Visibilidade

Relatar quando um componente se torna visível/escondido

react-intersection-observer - React implementação da API do Observador de Intersecção.
react-visibility-sensor - Componente sensor.
react-waypoint - A React componente para executar uma função sempre que você deslocar para um elemento.

Relatório de medição

Determinar e reportar medições de um elemento

react-component-queries - Forneça adereços para seus Componentes com base em sua Largura e/ou Altura.
react-container-dimensions - Componente do wrapper que detecta o redimensionamento do elemento.
react-dimensions - React componente de ordem superior para obter dimensões do recipiente.
react-height - Componente-embrulho para determinar e relatar a altura dos elementos das crianças.
react-measure - Medições de cálculo de uma React componente.
react-sizeme - Faça o seu React Componentes conscientes de sua largura e altura.

Entrada do Dispositivo

Virar a entrada do usuário em ações

Eventos do Teclado

react-hotkeys - Tecla de atalho declarativa e gerenciamento de área de foco para React.
react-key-handler - React componente para lidar com eventos de teclado.
react-keydown - Embrulho de chave para baixo leve React componentes.
react-shortcuts - Gerenciar atalhos de teclado de um lugar.
useKeyCapture - Um gancho personalizado para facilitar os ouvintes de teclas de um alvo/global.
react-keyboard-navigator - Um conjunto de React componentes e gancho para selecionar componentes irmãos através do teclado.

Rolar Eventos

react-scroll-components - Um conjunto de componentes que react página de rolagem.

Toque em Deslizar

react-swipe - Swipe.js como um React componente.

Eventos do Mouse

react-hook-mighty-mouse - demo - Gancho que rastreia eventos do mouse em elemento selecionado.

Meta- Etiquetas

Definir meta tags, , filhos de <head>_

react-helmet-async - Capacete seguro para roscas React 16+ e amigos
react-helmet - Um gerenciador de cabeça de documento para React.

Portal

Remeter um elemento para um arbitrário DOM nó

react-layer-stack - Sistema de camadas simples, mas ubiquosamente poderoso e agnóstico para React.
react-portal - React componente para transporte de modais, lightboxes, barras de carregamento… para document.body.

Testar o Comportamento do Usuário

A/B ensaios, experiências, …

react-experiments - React componentes para implementação UI experiências.

Code Design

Back to top ⬆️

Bibliotecas que ajudam code desenho

Armazenagem de Dados

Fluxo de dados / gerenciamento de dados / armazenamento de dados / componentes estado / fluxo de dados

baobab-react - React integração para Baobab.
cerebral - Um controlador de estado com seu próprio depurador.
effector-react - React ligações para efetor, um gestor de estado eficaz multi-armazenagem.
fireproof - demo - docs Puro JS, zero dependência, banco de dados CRDT - roda no navegador e se conecta a qualquer nuvem ou infra-estrutura
RxDB - demo - docs Um banco de dados rápido, local primeiro, reativo para JavaScript Aplicações
fluxible - Um recipiente plugável para aplicações de fluxo universal.
kea - Arquitetura de alto nível para React aplicações.
react-i13n - Uma abordagem performante, escalável e plugável para instrumentar seu React aplicação.
react-redux - Oficial React ligações para Redux.
redux-batched-actions - Redutor + ação para reduzir ações sob uma única notificação de assinante.
redux - Recipiente de estado previsível para JavaScript aplicações.
reselect - Biblioteca selector para Redux.
resourcerer - Framework declarativo de arquivos de dados para APIs REST
synergies - docs Uma biblioteca de estado de contexto para criar reutilizáveis React lógica de estado, sinergizando peças de contexto atomar.
zustand - docs - Uma solução rápida de gerenciamento de estado de Bearbones usando princípios de fluxo simplificados e api gancho sem caldeira.
teaful - Pequeno, fácil e poderoso React gestão do estado

Lógica do Formulário

data-driven-forms - Uma forma declarativa de construir formulários com toda a funcionalidade.
formik - Construa formulários sem lágrimas e suporte a validação com facilidade.
formsy-react - Um construtor de entrada de formulário e validador para React JS.
Phormal - Docs & Demos - Formulários multilingues responsivos com validação integrada, suporte para o modo escuro e linguagens direita-esquerda.
react-hook-form - React ganchos para validação de formulário sem o incômodo.
react-jsonschema-form - A React componente para a construção de formulários Web da JSONSchema.
react-client-validation - Validação simples e super leve para React.
react-final-form - Gestão do estado do formulário baseado na assinatura
react-formawesome - Biblioteca complexa para criar formas incríveis.
surveyjs - Biblioteca avançada de Inquéritos e Formulários
Formily - Alto desempenho, extensível, e Typescript amigável
hook-form-react - docs - Uma solução leve, livre de dependência React ganchos para validação do formulário.

Roteador

react-router-component - Componente declarativo do roteador para React.
react-router-scroll - React Gestão de roteadores.
react-router - Uma biblioteca de roteamento completa para React.
redux-first-history - Redux Primeira História - Redux suporte de ligação ao histórico react-router - @reach/router - wouter
universal-router - Um roteador simples estilo middleware para isomórfico JavaScript aplicações web.
wouter - Uma biblioteca de roteamento minimalista ~1.3KB. Nada mais além de ganchos.
tanstack-router - Roteador tipo seguro com caching embutido & URL gestão do estado

Propriedades do servidor

Propriedades componentes assíncronas obtidas através da rede

react-refetch - Uma forma simples, declarativa e composível de obter dados para React componentes.
redux-connect - Fornece decorador para resolver acessórios async em react- Roteador.
axios-react - Componente de cliente HTTP para React.

Comunicação com o servidor

apollo-client - Um cliente de cache simples para qualquer servidor GraphQL e UI quadro.
react-relay - Relé é um JavaScript quadro para a construção de dados React Pedidos.
query - docs Gerenciamento de estado assíncrono poderoso, utilitários de estado servidor e coleta de dados para TS/JS, React, Sólido, Svelte e Vue.

CSS / Estilo

aesthetic - Um poderoso tipo seguro, estrutura agnóstico, CSS-in-JS library for styling components, quer seja objetos simples, importação de folhas de estilo, ou simplesmente referenciando nomes de classe externos.
aphrodite - Os estilos em linha, mas funcionam!.
inline-style-prefixer - Autoprefixer em tempo de execução para objetos em linha estilo.
@classmatejs/react - Um construtor de componentes de nome de classe focado com uma sintaxe como componentes estilo e o açúcar das variantes do cva.
react-container-query - Componente de resposta modular.
react-responsive - Consultas de mídia em react para responder design.
reactponsive - Componentes responsivos e ganchos.
styled-components - Primitivos visuais para a idade do componente.
stitches - CSS-in-JS com quase zero runtime, SSR, suporte multivariante.

HTML Modelo

jsx-control-statements - Cogumelo Se e Para React JSX.

Aplicativos Isomórficos

hypernova - Um serviço para renderização do seu servidor JavaScript Vistas.
isomorphic-style-loader - Isomórfico CSS carregador de estilo para Webpack.
react-server - React framework com renderização do servidor para carregar rapidamente a página.
rill - Framework universal de aplicação web.
webpack-isomorphic-tools - renderização do lado do servidor para seus aplicativos criados pelo Webpack (por exemplo: React).

Caldeira

Andaimes / kit de arranque / gerador Yeoman / conjunto de pilhas / semente

create-react-app - Criar React aplicações sem configuração de compilação.
crisp-react - Integração expressa em TypeScript com suporte para múltiplas SPA e prevenção de armadilhas.
cra-template-redux-auth-starter - A Redux auth starter caldeiraplate para PCR.
electron-react-boilerplate - Desenvolvimento de edição ao vivo no aplicativo desktop.
elegant - docs - demo - Um simples React framework para a construção rápida de aplicações web bonitas e expressivas com Next.js, Tailwind CSS, e Markdown Carregar.
extensive-react-boilerplate - Caldeira com Next.js, Auth (Assinar, Registrar-se, Reiniciar senha, Confirmar e-mail, Atualizar Token), Material UI, React Forma de gancho, I18N, Envios de arquivos (apoio aos drivers locais e Amazon S3, Tests, CI.
generator-starhackit - Kit de arranque completo.
nwb - Ferramenta CLI e devDependência para React apps & amp; componentes e módulos npm.
nx - Sistema de construção de próxima geração com suporte monorepo de primeira classe e integrações poderosas.
PBandJ - Framework de componentes reutilizáveis de Zero-Config.
react-hot-boilerplate - Minimal live-editing caldeiraplate para o seu próximo ReactJS projecto.
rockpack - Solução simples para criação React aplicação com SSR, agrupamento, fiação, testes em 5 minutos.
create-react-dependency - Criar react dependências sem configuração de compilação.
phoenix - Uma caldeira simples que ajuda você a fazer o seu react aplicação com suporte de renderização e localização lateral do servidor.
react-enterprise-starter-kit - Altamente escalável e performant impressionante React Kit inicial para uma aplicação empresarial com uma base de código muito fácil de manter.
Tailwindadmin - Modelo de painel Shadcn livre construído sobre React e Tailwind CSS vem com suporte a múltiplos quadros

Diversos

react-inlinesvg - Um componente de carga SVG para ReactJS.
react-godfather - Uma nova maneira de escrever componentes funcionais, sem ganchos.
react-vvm - Uma nova abordagem da MVM em React, para forçar a separação limpa de preocupações, reduzir a placa de caldeira e otimização automática de re-render para escalonável UI lógica.
react-call - Chama o teu React componentes.
redux-auth-patch - Sistema completo de autenticação de fichas para react + redux que suporta renderização isomórfica.
redux-search - Redux ligações para a pesquisa do lado do cliente.
tcomb-react - Sintaxe alternativa para PropTypes.
react-universal-hooks - :tada: suporte react ganchos em toda parte (Funcional ou Componente de Classe).

Utilitários

Back to top ⬆️

qrcode.react - Um componente <QRCode/> para uso com React.
<qr-code> – A no-dependencies, customizable, animate-able, SVG-based <qr-code> element.
react-children-utilities - Usos estendidos para ReactCrianças.
react-media - A CSS componente de pesquisa de mídia para React.
react-middle-ellipsis - demo - Trincar cordas longas no meio em vez do fim.
react-translate-component - Conteúdo de texto multilingue/localizado.

i18n

Internacionalização / L10n / localização / tradução

react-i18next - Internacionalização para react Fez bem. Usando o i18next i18n ecossistema.
react-intl - Internacionalizar React aplicações.
react-localized - Internacionalização para React componentes baseados em gettext formato.
react-translate-maker - Internacionalização universal (i18n) biblioteca de código aberto para React.
react-intl-universal - demo Internacionalizar React aplicações. Não só para React.Componente, mas também para Vanilla JS.
@tolgee/react - docs – Ferramenta de localização baseada na Web que permite aos usuários traduzir diretamente no React app eles desenvolvem
js-lingui - docs – Internacionalização legível, automatizada e otimizada (5 kb) para JavaScript.

Ligações/integrações do quadro

backbone-react-component - Um pouco de cola bacana que automaticamente liga seus modelos Backbone.
elm-react-component - A React componente que envolve um módulo Elm a ser usado em uma React aplicação.
gl-react - Links OpenGL / WebGL para React implementar efeitos complexos sobre imagens e conteúdo.
react-backbone - Misturas conscientes da espinha dorsal para react E muito mais.
react-d3-library - Biblioteca de código aberto para usar o D3 in React.
react-elm-components - Escrever React componentes em Elm.
react-famous - React ponte para Famo.us.
react-localstorage - Implementação simples de armazenamento local componente para o Facebook React.
react-lottie-player - demo - Leitor de animação declarativa.
react-on-rails - Integração React + Webpack + Rails para construir aplicativos universais (isomórficos).
react-three-renderer - Renderizar para uma tela three.js usando React.
react-threejs - Ligações mais simples entre React & Três. js
reactfire - ReactJS mixin para fácil integração Firebase.
reactive-elements - Permite a utilização React.js componente como HTML elemento (componente web).
react-unity-webgl - Intergração de unidade com comunicação bidirecional usando um Sistema de Evento integrado.

Integração com serviços de terceiros

react-ga - React Módulo Google Analytics.
react-google-analytics - Componente de análise do Google.
react-google-autocomplete - Google Coloca componentes de API e ganchos.
react-recaptcha - A react.js reCAPTCHA para Google.
react-stripe-checkout - Carregar a lista &# 39;s checkout.js como um react componente. Maneira mais fácil de usar checkout com React.
redux-segment - Integração de análise Segment.io para redux.
react-slack-notification - Envie mensagens e registros de erro diretamente para um canal Slack.
react-firebase-hooks - Ganchos para integrar a base de fogo em sua aplicação.

Desempenho

Back to top ⬆️

UI

inferno - Um extremamente rápido, React- Como? JavaScript biblioteca para a construção de interfaces de usuário modernas.
react-fastclick - Eventos de toque rápido para React.
react-static-container - Muda o conteúdo estático de forma eficiente.

Inspecionar

react-perf-tool - Desempenho de depuração do seu React aplicação.
react-render-visualizer - Visualizador de renderização para ReactJS.

Carga Preguiçosa

react-infinite-grid - A React componente que transforma uma grelha de elementos.
react-infinite - Um recipiente de rolagem eficiente pronto para navegador baseado no UITableView.
react-lazy-load - React componente que transforma os elementos das crianças quando entram no viewport.
react-lazyload - Carregar preguiçoso o seu Componente, Imagem ou qualquer coisa importa o desempenho.
react-virtualized - React componentes para renderização eficiente de grandes listas e dados tabulares.

Tamanho da Aplicação

babel-plugin-transform-react-remove-prop-types - Remover desnecessário React PropTypes.
react-lite - Uma implementação de React que otimiza para tamanho de script pequeno.

Renderização do lado do servidor

iSSR - A maneira mais fácil de mover o seu React aplicação para renderização do lado do servidor. Lida com efeitos colaterais e sincroniza Estado.
react-esi - Uma biblioteca para aumentar o desempenho da RSS expondo React componentes como Fragmentos Edge Side Includes (ESI)

Ferramentas Dev

Back to top ⬆️

Ensaio

enzyme - JavaScript Testando utilitários para React.
jest-cli - Dor JavaScript Testando.
react-unit - Biblioteca de teste de unidade leve para ReactJS.
redux-test-recorder - A redux middleware para gerar automaticamente testes para redutores através ui interacção.
rut - React teste feito fácil com react-test-renderer. Suportes DOM e renderizadores personalizados.
unexpected-react - Plug- in para o inesperado para habilitar o teste completo React virtual DOM, e também o renderizador raso.
playwright enables reliable end-to-end testing for modern web apps.

Redux

redux-devtools-chart-monitor - Um monitor gráfico para Redux DevTools.
redux-devtools-dock-monitor - Um cais redimensionável e móvel para Redux Monitores DevTools.
redux-devtools-filterable-log-monitor - Monitor filtrante em árvore para Redux DevTools.
redux-devtools-inspector - Outro Redux Monitor DevTools.
redux-devtools-log-monitor - O monitor padrão para Redux DevTools com uma visão em árvore.
redux-devtools - DevTools para Redux com recarga quente, replay de ação e personalizável UI.
remote-redux-devtools - Redux DevTools remotamente.

Inspecionar

fluxguard - Monitoramento de mudanças PROD que destaca tudo DOM + design alterações.
react-inspector - Poder do navegador DevTools inspetores dentro de seu React app.
reactotron - Um aplicativo CLI e OS X para inspecionar seu React JS e React Native aplicações.
Tail Lens - Tailwind editor no navegador : Inspecionar, editar, visualizar, copiar.

Diversos

component-controls - demo - docs - Uma ferramenta de próxima geração para criar sites de documentação rápida.
cosmos-js - Ferramenta DX para projetar verdadeiramente encapsulada React componentes.
react-demo-tab-cli - Ferramenta CLI para criar demonstrações de react componentes.
react-styleguidist - React gerador guia estilo.
standard-react - JavaScript Guia de Estilo Padrão.
Plasmic - Poderoso design ferramenta para construir o seu React componentes visualmente.
SimpleLocalize - Ferramenta CLI de código aberto para encontrar i18n chaves em React Projectos.
react-device-frameset - React componente de frameset do dispositivo.

Diversos

Back to top ⬆️

DataFormsJS JSX Loader - Pequeno JavaScript Compilador para converter rapidamente JSX para JS diretamente em uma página web.
html-to-react-components - Extrair partes anotadas de HTML em React componentes como módulos separados.
htmltojsx - Automaticamente AJAXify plain HTML com o poder de ReactA magia dele!.
jsonx - React JSON Syntax.
mozaik - Mozaïk é uma ferramenta baseada em nodejs / react / d3 / stylus para criar facilmente belos painéis.
react-blessed - A react Dador para abençoado.
jsondiffpatch-react - O JSON está a diffing.
iron-session - Biblioteca de sessão segura, sem estado e baseada em cookies.

Gerador de Website Estático

gatsby - Transformar texto simples em blogs e sites dinâmicos usando React.js.

Soluções em nuvem

Back to top ⬆️

Bases de dados

BCMS - Sistema de gerenciamento de conteúdo auto-hostável baseado em API, código aberto para Gatsby, Nuxt e Next.
crisp-bigquery - Pilha completa Google BigQuery com Expresso em TypeScript.
react-server-routing-example - Roteamento universal cliente/servidor e dados com AWS DynamoDB.

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 HagiCode Ler 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 Store

Todos os downloads

O HagiCode torna o planejamento, a execução de agentes e o trabalho em projetos mais acessíveis por meio de interações de interface ricas e práticas: https://www.hagicode.com/

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 HagiCode Documentaçã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.