Build a Drag and Drop Interface in an Hour with React Beautiful DND
In this live coding workshop you'll learn how to build out a drag and drop interface in React by implementing the React Beautiful DND library.
After completing this workshop, you will be able to:
Configure a React application to utilize drag and drop tooling
Work with an array of objects in React and render them to the screen
Build out drag and drop components that update the position of page components
Model how a position change could communicate with a server via an API call
Utilize React hooks to update data on the page
Work with React refs and the context API
Use TypeScript in a React application
Starter code:
https://github.com/bottega-code-schoo...
Final version code:
https://github.com/bottega-code-schoo...
