coolwolf / 09/11/2024

React Framework Notes

Frameworks I tried:

Mantine
PrimeReact
Blueprint

Please note: All Pro’s and Con’s are our needs oriented. Your experience may differ.

Mantine 7.13.5

Pro’s:

All in one
Typescript compatible
Global dialog provider
Beautiful documentation

Con’s:

External datatable
Does not have build in and easy to use AppBar/AppMenu
A few external package requirements


PrimeReact 10.8.3

Pro’s:

Rich components list
Eeasy to use
Does not require external packages (Just primereact and primeicons)
Easy to use (It not so rich but is acceptable) datatable

Con’s:

Does not have global dialog provider1
Has “html elements” usage instead of component properties
Not all themes affect correclty

1-> Thankfully “icoolandgood created one here: https://gist.github.com/Nicoolandgood/a4f162f97eadd22c725dfa943de2de9f


Blueprint 5

Pros:

Beautifull and feature rich datagrid
Rich components list
Available global Dialog, Tooltip etc.

Cons:

Documentation is worse than other components. Samples are not just “Click to see code behind”, they provide a link to example. But this link contains entire components which contains related component. This is not shortest and fastest way of course. I would like to fastly see usage of component.

Interestingly I didnt found any dropdown or select except “Html Select”.


ANT Design

Pros:
Easy to use Navbar (Both vertical and horizontal)

Cons:
Incredibly slow web site (2024)