DEV Community

Discussion on: Why I don't use Bootstrap anymore.

Collapse
 
lexiebkm profile image
Alexander B.K.

Have you tried Antd and Material UI for creating GUI with React ?
When I needed a Switch component that had to be a controlled component, I found that only the one of Material UI that ran as expected.
I use Antd for its Tab component, because it provides example on closable dynamic tabs which I need. React-Bootstrap doesn't provide guide on how to do it. But if I only need static tabs, it is sufficient. So in my app, I use these different libraries to create certain features.

Collapse
 
stelco profile image
Steven Collins • Edited

Yes we originally used Material UI but I wanted to use a bootstrap library so react-bootstrap was ideal. I am using third party libraries for tabs and for datatables. After a lot of trial and error, this seems to be the best set up for us (so far!)

react-bootstrap.netlify.com/
github.com/jbetancur/react-data-ta...
github.com/YazanAabeed/react-tabs

Thread Thread
 
lexiebkm profile image
Alexander B.K. • Edited

React-Bootstrap is nice. I will probably use it in my next projects.

For datagrid/table, my requirement is the lib has to provide features as follows :

  1. Inline editing : user can edit data in the grid cell
  2. Row grouping : data can be displayed in hierarchical format to multiple level and still provide inline editing
  3. Fast rendering for thousands of records

For these features, I find two free libraries that I use in my app :

  • ag-Grid : ag-grid.com/react-grid
  • Tabulator : tabulator.info For row grouping, unfortunately, ag-Grid only provides it in its enterprise edition. So for that purpose I use Tabulator which is fully free. There are React versions of both libraries.

As for tabs, I think you may want to consider other libs. The lib you mention only has one contributor, so for me, it is doubtful to be used.
You may try the following :
github.com/reactjs/react-tabs

Furthermore, in case you have never known, there is a site that has a collection of various kinds of React libraries :
github.com/brillout/awesome-react-...