apache-superset/superset-roadmap

[global] Replace remainder of React Bootstrap with AntD

Closed this issue · 1 comments

rusackas commented

Motivation / Problem to Solve

As has been previously acknowledged by the community, by SIPs, and by progress already made in the effort, there is a need to remove React Bootstrap from our product, along with any CSS it uses, and replace it with AntD (and/or possibly supporting or related packages), and build these replacement components in a manner that is consistent in design, utilization, and code structure. This will enable a stronger relationship between frontend engineering and the emerging Superset design system, aid in navigation of the codebase, aid in ease of engineer onboarding, drive UI/UX consistency, and increase reliability/testability of UI work via consolidated styling, specimens (i.e. Storybook), and unit/integration tests.

Proposed Functionality

Some of this work is in progress already, with PRs on hold until 1.0.0 is released, but this is approximately
the scope of work:

React-Bootstrap AntD
Alert Alert
Col
Row		 Col
Row
Nav
NavBar
NavItem
NavDropdown		 Menu
Menu.Item
Menu.SubMenu
Menu.ItemGroup
Menu.Divider
TabContainer
TabPane
TabContent		 Tabs
Tabs.TabPane
Radio Radio
Form
FormGroup
FormControl
FormControlProps
ControlLabel
HelpBlock
InputGroup		 Form
Form.Item
Form.List
Form.ErrorList
Form.Provider
Panel
Panel.Heading
Panel.Body
Panel.Collapse		 Collapse
Collapse.Panel
Button
ButtonGroup		 Button
DropdownButton Dropdown
Label Typography
Well Card
ListGroup
ListGroupItem		 List
Collapse Collapse

Each component we implement should trigger an audit of competitive "species" within the codebase, in an effort to reduce/consolidate components. Each new component should have tests, stories, and styling following more current and emerging patterns as established in existing AntD-based componentry.

Special hat tip to @michael-s-molina for generating the audit.

michael-s-molina commented

@rusackas Can you close this one?