đź–– Inicio

QUÉ ES KUWORKING?

Salir

Curso de drag-n-drop con react-beautiful-dnd

200 palabras
1 minutos
January 8, 2020
cursosgatsbyreact-beautiful-dnd
Ăšltimos artĂ­culos del BLOG

- Biblioteca de recursos para desarrollo web

- Haz tu DAFO online y visualiza tus posibilidades

- Cinco estrategias de copywriting en funciĂłn de tu pĂşblico objetivo

- Siete pasos para promocionar una entrada de Instagram

- Nueve estrategias para copy que te ayudarán a estructurar tu contenido

PrĂłlogo

La técnica Drag-n-Drop consiste en hacer lo que hacemos siempre con el móvil, esto es, mover cosas con el dedo

Y lo suyo es moverlas de un sitio a otro, y que haya una respuesta visual que permita operar de forma intuitiva

El funcionamiento no es complicado y se reduce todo a definir qué objetos son draggables y qué zonas son containers o droppable

Y a partir de aquí ya podemos definir los efectos, qué pasa cuando haces esto y aquello, etc etc

Pero Ă©ste no es un curso para hacer drag-n-drop con vainilla JavaScript, sino que se trata de utilizar la librerĂ­a react-beautiful-dnd para

  1. facilitarnos la vida
  2. acelerarnos la vida

El principal argumento para utilizar esta librería es que la funcionalidad que me interesa es la de tener un comportamiento trello-like, refiriéndose al website trello.com, un lugar que nos permite organizar nuestras ideas siguiendo un sistema de cartas que podemos crear, eliminar y mover en distintas listas de tareas

Y esta librería está especialmente optimizada para este user-case aparte de porque así lo afirman, es porque la librería forma parte del ecosistema de Atlassian, la compañía que compró Trello y que liberó esta librería

Por lo tanto, en este curso implementaremos una lista básica utilizando esta librería y todo ello formando parte de un sitio Gatsby, al que ya tienes visto de cursos anteriores

Como sea, vamos allá

En kuworking estructuro los cursos para enseñarte lo necesario para poder hacer, y en paralelo aprender, no al revés

Empezar

1. Crear un website de Gatsby

2. Crear los elementos

3. Drag and Drop

4. Reordenando la lista

Newsletter de kuworking, un correo de tanto en cuanto

Quizá te interese

Google Analytics básico

CSS básico

JavaScript Básico

Google Tag Manager básico

GatsbyJS básico [2]

Privacidad
by kuworking.com
[ 2020 >> kuworking ]