search

TecKnow / muster-tools

A package for assigning players to tables at multi-table, walk-in gaming events.
GNU General Public License v3.0
0 stars 0 forks source link

Document patterns for combining Material-UI and React Beautiful DND #3

Closed TecKnow closed 3 years ago

TecKnow commented 4 years ago

Due to some fairly advanced complexities of React, it's difficult to combine the project's drag and drop library, React Beautiful D&D, with the project's UI library, Material-UI. The project has had some success with doing this. Document the causes as well as the project's patterns for handling it.

https://github.com/TecKnow/muster-tools/wiki/Beautiful-Material is the project wiki page for this issue.

TecKnow commented 4 years ago

According to the update page for the latest major revision of Material-UI, which can be found here: https://material-ui.com/guides/migration-v3/ All Material-UI components now forward their ref. This may change the way that Material-UI and React Beautiful DND interact.

TecKnow commented 3 years ago

Development using the updated Material-UI system and React Beautiful DND shows that complicated patterns involving special root ref components are no longer needed. Documentation of the most effective way to use them together may still be needed, but special documentation of how to get them to work at all is not.