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…
Continue reading “React UI Frameworks, Compared – Gather Engineering”

Unopinionated, standard compliant flexbox component. No propietary APIs. Nothing but flexbox #ReactJS

  • No more , , , , or any other arbitrarily named and spec ed components to layout your apps.
  • No more , , , or any other arbitrarily named and spec ed props to layout your apps.
  • It might be a good idea to see your components and know how they are laid out without jumping between css files or arbitrary, layout-exclusive components specifications.
  • Since, well, flexbox is a complete solution to build layouts.
  • If you need to use a tag other than for the layout, like or , you can pass an extra prop to the component:

    which will render to this:

    Take a look at Flexbox PropTypes.

flexbox-react – Unopinionated, standard compliant flexbox component. No propietary APIs. Nothing but flexbox.
Continue reading “Unopinionated, standard compliant flexbox component. No propietary APIs. Nothing but flexbox #ReactJS”