Hoppa till innehåll

Det här är en modern verktygslåda för dra och släpp som är särskilt utformad för React-applikationer. Fokus ligger på prestanda, tillgänglighet och utbyggbarhet, vilket gör den lämplig för många olika dra och släpp-upplevelser.

Verktygslådan är lätt och modulär, så att utvecklare bara behöver använda de komponenter de behöver. Med bara några få rader kod kan utvecklare göra sina komponenter dragbara och skapa områden där objekt kan släppas, vilket gör det snabbt att utveckla interaktiva gränssnitt.

Dessutom innehåller den en uppsättning hooks som förenklar integreringen av dra och släpp-funktioner i applikationer och förbättrar användarinteraktioner med smidigare animationer och responsivitet. Inbyggda anpassningsbara sensorer stöder olika typer av inmatning, till exempel mus, pekskärm och tangentbord, så att verktygslådan är tillgänglig för alla användare oavsett inmatningsenhet.

Utöver anpassningsmöjligheterna är biblioteket utformat utan beroenden, vilket håller det lätt och effektivt. Verktygslådan har också flera utökningspunkter för utvecklare som vill bygga till ytterligare funktioner. Den passar många användningsområden, till exempel listor, rutnät, nästlade sammanhang och till och med spel.

Funktioner

  • Lätt och högpresterande
  • Tillgänglig med stöd för tangentbord
  • Flera inmatningssensorer
  • Flexibel för olika användningsområden
  • Modulär arkitektur
  • Kan utökas med anpassade funktioner
  • Inga beroenden
  • Anpassningsbara animationer och stilar

Relaterade objekt

React DnD

Det här biblioteket gör det enkelt att lägga till dra-och-släpp-funktioner i React-applikationer utan att behöva hantera detaljerna i webbläsarnas API:er.

Preact

Ett snabbt alternativ till React som behåller modern funktionalitet och har ett litet fotavtryck för effektiv webbutveckling.

Tamagui

Det här biblioteket är en kraftfull lösning för att bygga gränssnitt i React och React Native, med en kombination av effektivitet och flexibilitet.

Astro

Det här webbramverket riktar sig till utvecklare som vill skapa snabba, innehållscentrerade webbplatser med minimalt overhead och maximal prestanda.

Corset

Förbättra din HTML med ett reaktivt arbetssätt som kopplar in JavaScript utan onödig komplexitet.

Docusaurus

Ett projekt som hjälper dig att enkelt skapa dokumentationswebbplatser med fokus på innehåll och användbarhet.

Enhance

Den här lösningen ökar produktiviteten och förbättrar apparnas prestanda genom att låta utvecklare använda ett HTML-centrerat arbetssätt som effektiviserar både utveckling och driftsättning.

Inertia.js

Den här lösningen förenklar utvecklingen av moderna webbapplikationer genom att använda moderna tekniker på klientsidan och samtidigt behålla enkelheten hos traditionella serverrenderade applikationer.