React-beautiful-dnd: Ship version 10!

[alexreardon]

Lots going out in version 10, I'll use this issue as a good point to tag things going out

[alexreardon]

We have now shipped an alpha. In order to simply support for large projects and multi-package repos, we have released the alpha under a new package name: react-beautiful-dnd-next

[email protected]

I will try to update here as new versions are released

As mentioned, the release is still alpha. So keep that in mind!

The API for currently supported use cases should remain mostly unchanged. I will be doing extensive upgrade notes as we move closer to the release

[alexreardon]

[email protected] is now out

[alexreardon]

I have a big todo list on my own trello board so i'll keep chipping away on things there.

My current thinking is that a stable release is 1-2 weeks away

[alexreardon]

[email protected] is out with a new Draggable > payload prop /cc @Frozenlock

[alexreardon]

I have taken the payload value and prop out for now pending discussion in #498

[torre76]

Hi @alexreardon, will be #484 included in this release?

[bnewcomer]

Will #511 (grouping/combining) be included? Any timeline updates?

[alexreardon]

Yes #511 is included. There are also a lot of other things that are not listed here right now

[alexreardon]

484

[alexreardon]

10.0.0-alpha.4 is now out!

yarn add [email protected] to give it a go

[alexreardon]

Descoped: #331

Sadly we will no longer be shipping this in version 10 #838

After testing I continued to run into scenarios that would require additional sophisticated logic. They include:

• moving to an invisible logic in a scroll container
• moving which changes the max scroll of the window

We will look to this as a feature (minor) release post v10

[nicubarbaros]

484

@alexreardon Is that an YES?

http://gph.is/1R12N2Z

[alexreardon]

[email protected] is now out

It contains a few minor bug fixes

[alexreardon]

https://github.com/rokborf/natural-drag-animation-rbdnd/issues/2

[alexreardon]

Getting very close to all the tests passing:

Tests:       28 failed, 1219 passed, 1247 total

[alexreardon]

[email protected] is now out

We have moved to beta releases as the build is now passing

[alexreardon]

I have spend 4hrs + trying to overcome a flakey test. That is now resolved 👍

[alexreardon]

Up to now I have been working off a Trello board. I'll now move a todo list here to increase visibility:

To do list for version 10

Code

• [x] ensure placeholder in Droppable is hidden during recollection
• [x] fix x2 issues that Balaz has found
• [x] rename hooks to lifecycle callbacks to avoid name clashing with new react hooks
• [x] upgrade flow in tiny-invariant, css-box-model and memoize-one. Ensure css-box-model is on a matching version of tiny-invariant for kb savings
• [x] Investigate #764
• [x] tests for combine screen reader messaging

Docs

• [x] create combining guide
• [x] update types
• [x] update screen reader guide
• [x] update README with latest types
• [x] add section about dev messaging
• [x] fill in tree example on dynamic guide
• [x] write release notes
• [x] improve dynamic additions docs
• [x] add section on IE11 and ponyfills
• [x] add section on fixed lists
• [x] no pointer events inside a droppable during a drag

• [x] add limitations section:

• no margin collapsing between items

• no negative margins on the main axis of a list
• etc

Examples

• [x] add example for combine with list and board
• [x] dynamic additions and removals of Draggable in a foreign list

Post-release

• [x] Write blog "Grabbing the flame 🔥"
• [ ] Update codesandbox examples to use latest version

[alexreardon]

[email protected] is now out. It features some fixes on our dynamic additions code path

[alexreardon]

[email protected] is out and contains (another) fix for #764 (it is a tricky one!)

Everything looks ready to go. I plan on shipping version 10 stable on Monday

[marvinjaworski]

Hey @alexreardon,
I need the onBeforeDragStart function you work on, it's possible in [email protected] to use this function?

And when does the feature come in react-beautiful-dnd?

[alexreardon]

This has now shipped! See version 10 release notes

[nicubarbaros]

Wow, congrats @alexreardon and the team. Cannot wait to upgrade and use that sexy dynamic add/remove feature. The combine feature looks sick!

By the way, any ET for dynamic droppable? At least for adding/removing them at the begging/end of the queue.

[tjramage]

@alexreardon — you're killing it! Well done on v10, it's great. Keep it up. 😄

[alexreardon]

Thanks @tjramage! I appreciate your encouragement!