React UI Frameworks, Compared – Gather Engineering

React UI Frameworks, Compared  #reactjs #semanticui #antdesign #react #javascript #reactjs

  • Created by Alibaba, Ant Design React includes a great many polished and usable components — probably more than any other React UI library.Ant Design (Date Range Picker)Component Breadth: A+Every component we needed is included.Quality of implementation: AGood-looking components, plenty of options and interoperability.Ease of re-styling: B+Themeable, but not built for overhaul.Typescript support: A+Written…
  • Typescript support: FDoes not appear to have any TypeScript typings.Quality of documentation: BInteractive examples of each component, but nothing else about the framework itself.Project health: B~1.5K Github stars, maintained by open-source contributors.Cost: FreeAn implementation of the popular Semantic UI framework, this library is polished has a lot to offer, but…
  • Type bindings are still in development, but are included for most components.Quality of documentation: A+Interactive examples of each component, clear navigation information on theming, component options, and sample layouts.Project health: B~1.5K Github stars, maintained by open-source contributors.Cost: FreeSencha’s React UI framework is costly each year, but its breadth of components,…
  • Ease of re-styling: A+Clear documentation on theming, four built-in themes (including Material Design and Bootstrap), and support for Sencha Themer.Typescript support: A+Written in TypeScript, with full bindings.Quality of documentation: AExamples of each component, with tons of options explained, but a bit confusing to navigate, and interactive examples are often limited…
  • It appears to simply be a set of wrappers for jQuery version.Kendo UI React (Dropdown)Component Breadth: A-Not as many components as the Angular/jQuery versions, but could be enough for many applications.Quality of implementation: ASeem robust, though the default style isn’t wonderful.Ease of re-styling: A+Clear documentation on theming, four built-in themes…

The open-source community around React is enormous, and we’re constantly seeing new solutions and approaches to solve the problems we have as developers. Looking into React UI libraries, we’ve come a…

The ContendersNote: We excluded most Material Design libraries, as they are visually too distinct from our company’s design language and aren’t clearly restyle-able.Created by Alibaba, Ant Design React includes a great many polished and usable components — probably more than any other React UI library.Ant Design (Date Range Picker)Component Breadth: A+Every component we needed is included.Quality of implementation: AGood-looking components, plenty of options and interoperability.Ease of re-styling: B+Themeable, but not built for overhaul.Typescript support: A+Written in TypeScript, with full typings.Quality of documentation: A Documentation is Chinese-first, so there are some idiosyncrasies (e.g. Chinese screenshots), but there are many thorough, interactive examples of each component being used with its options and other Ant components.Project health: A+18K+ Github stars, support from Alibaba.Cost: FreeBuilt as a very theme-able UI framework, PrimeReact is a good option if you want to follow very particular brand design guidelines without having to dig in too far.Prime React (Accordion)Component Breadth: B+60 components, but many seem niche, and missing some practicality (e.g. org chart).Quality of implementation: A-Functional, but a bit minimal.Ease of re-styling: A+There are several full themes available, including Bootstrap and Material Design. Full instructions for overhaul theming are included.Typescript support: A-Written in JS, but includes full typings. Github issues indicate that they may not always be up-to-date.Quality of documentation: BInteractive examples of each component, but options are listed without examples.Project health: BJust over 200 Github stars, but users are primarily directed to the website. Supported by the company that makes sells themes for it.Cost: Free, with paid free themesMicrosoft encourages developers…

React UI Frameworks, Compared – Gather Engineering