Plan to migrate HTML5 client UI components and plugin UI components to a shared component library
For some time we've been working on https://github.com/bigbluebutton/bbb-ui-components-react
As per the project description:
This repository contains a library of reusable React components extracted from the main BigBlueButton (BBB) project. These components provide a consistent and customizable interface that can be reused in other projects, allowing them to easily adopt the BBB visual identity.
This libraries usefulness is two fold:
- Plugin developers can access pre packaged components that follow the same look and feel as the HTML5 client
- We could use these same components for reusable parts of the HTML5 client's interface and extract the design and component code into an external library
Thus this plan aims to get to this point by:
- Migrating our existing BBB plugins and examples to make use of this library
- Migrating the internal ad hoc components in the HTML5 client to using the respective bbb ui components in the library
This is a big task, but there's no need to do it all in one go. Code for the new components in the plugins and the client can coexist with legacy code, so the idea is to make this in small increments until we can remove all the legacy UI code from the client. This meta issue is meant to track these efforts:
Plugins
- Pick Random User - https://github.com/bigbluebutton/bbb-plugin-pick-random-user/pull/134
- Generic component - https://github.com/bigbluebutton/bigbluebutton-plugin-generic-component/pull/7
- Questions - https://github.com/bigbluebutton/bigbluebutton-plugin-questions/pull/50
- Audio Player
- Tour
Client
TODO
Open PRs
Source: bigbluebutton/bigbluebutton