react-beautiful-dnd Changelog

10.0.3

Improvements

🍕 Delicious auto scrolling #349

Previously when a user picked up a draggable item that was near the edge of a scrollable area it could trigger a large and jarring auto scroll. We have created a solution that gets around this problem in a really elegant way.

I have created a video which goes over what we did in a bit of detail 📺

video thumnail

A big thank you to @ajaymathur and @jjcm for their huge help with this one

❤️ Docs

  • New: Common setup guide: Common setup issues that are hard for us to catch in code. We also linked to this from our ISSUE_TEMPLATE.md
  • New: Identifiers guide: How to use identifiers (draggableId and droppableId) successfully in react-beautiful-dnd
  • Fixing typo in README.md link #970. Thanks @fzembow!!
  • Fixing links #955. Thanks @Blasz!!
  • Removing outdated reference to Draggable > type #952. Thanks @DmitryGonchar!!
  • Fixing incorrect drop animation naming in our drop animation guide

Other

  • Avoiding extra DOM read for Droppables #966. Thanks @woohling!
  • Adding extra dev only checks for Draggable and Droppable boolean props #945.

👋 Remember: null is not a valid boolean prop type. Either pass in true, false or undefined to get the React defaultProp value.

👩‍⚕️ Engineering health

  • Adding additional server-side rendering test to ensure that client hydration works correctly #960. Thanks @petegleeson for the prior work on this
  • Fixed flaky builds on CircleCi caused by flow crashing. Thanks @TrySound for your help with this one! #1008 #1007
  • Moved to flow 0.88
  • Moved to storybook 4x #989
  • Moved back from emotion to my first love: styled-components 4x for examples.
  • Upgrading dev dependencies #1005

📣 Announcement: breaking change coming

We have two planned breaking changes coming up in early 2019:

  • Moving to a React peer dependency of 16.6+ #984
  • Moving from flow to TypeScript #982

My hope is to batch these two breaking changes into a single breaking change release