✳flâneur — a map of the web's best reading

Quick start - @dnd-kit – Documentation

docs.dndkit.com · 1,319 words · saved by 1 readers

Eager to get started? This quick start guide will help you familiarize yourself with the core concepts of dnd kit.

Before getting started, make sure you have followed the installation steps outlined in the Installation guide . Context provider First, we’ll set up the general structure of the app. In order for the useDraggable and useDroppable hooks to function correctly, you’ll need to ensure that the components where they are used are wrapped within a <DndContext /> component: import React from 'react' ; import {DndContext} from '@dnd-kit/core' ; import {Draggable} from './Draggable' ; import {Droppable} from './Droppable' ; function App () { return ( < DndContext > < Draggable /> < Droppable /> </ DndCon

Explore this link on the map →

related reading