Beispiele für die besten sortierbaren React-Komponenten

Blog

Beispiele für die besten sortierbaren React-Komponenten

1. Reagiere sortablejs

Eine React-Komponente, die auf der ausgereiften Drag-and-Drop-Bibliothek Sortable basiert. http://sortablejs.github.io/react-sortablejs/



Komponentenverpackung reagieren SortierbarJS !

Wir sind jetzt bei Version 2.0! Eine umfassende API-Überarbeitung mit Typoskript-Typen.



Erwägen Sie, es auszuprobieren, wenn Sie früher Probleme hatten.

Perfect-Scrollbar-Ansicht

Reagiere sortierbarjs



Auf GitHub ansehen

reaktiver Kreis

2.Reagieren Sie die Gitterkomponente

Datagrid ist eine Komponente, die verwendet werden kann, um Daten in Tabellen darzustellen. Es unterstützt Inline-Bearbeitung, Aktionsleiste und vieles mehr. Die Komponente ist hochgradig anpassbar, um verschiedene Anwendungsfälle zu erfüllen.

Darunter werden ursprünglich Facebooks verwendet, später aber von Schrödinger weitergeführt feste-daten-tabelle-2 React-Komponente, die darauf ausgelegt ist, große Datenmengen zu verarbeiten, ohne die Leistung zu beeinträchtigen.

Gitterkomponente reagieren

Demo
Sieh den DEMO

Auf GitHub ansehen

3.Reagieren sortierbar (HOC)

Eine Reihe von Komponenten höherer Ordnung, um jede Liste in eine animierte, berührungsfreundliche und sortierbare Liste zu verwandeln.
Sortierbar (HOC)

Merkmale

  • Komponenten höherer Ordnung – Integration in Ihre bestehenden Komponenten
  • Ziehgriff, automatischer Bildlauf, gesperrte Achse, Ereignisse und mehr!
  • Super flüssige Animationen – Auf der Jagd nach dem 60-FPS-Traum
  • Funktioniert mit Virtualisierungsbibliotheken: Reagieren-virtualisiert, Reagieren-Tiny-Virtual-List, Reagieren-Unendlich usw.
  • Horizontale Listen, vertikale Listen oder ein Raster ↔ ↕ ⤡
  • Touch-Unterstützung
  • Zugänglich: unterstützt die Tastatursortierung

Beispiele hier verfügbar: http://clauderic.github.io/react-sortable-hoc/

Beispiel für ein Ziel-C-Protokoll

Auf GitHub ansehen

4.Reagieren Sie irgendwie

Verschachtelte sortierbare Komponente reagieren https://lytc.github.io/react-sortly
Einfache, leichte und hochgradig anpassbare dnd-verschachtelte, sortierbare React-Komponente.

So finden Sie alte Tweets von anderen

Unterstützt zum Sortieren des Baums, der vertikalen Liste, der horizontalen Liste, der Tabellenzeile und möglicherweise mehr!

Das ist der Bildtitel

Demo: https://lytc.github.io/react-sortly

API-Dokumentation: https://lytc.github.io/react-sortly/api

Auf GitHub ansehen

#reactjs #javascript