Facebook recently open-sourced React, a library for building User Interfaces. It uses a Virtual DOM implementation for ultra-high performance.
Rubix Admin app uses React for semantic markup coupled with CommonJS for composable Components. The result: clean and elegant code.
Rubix implements custom React Components for Bootstrap enabling you to write shorter, semantic markup. Say Goodbye to unwieldy classnames and spaghetti code!
Mozilla L20n is a developer friendly framework that places languages in the localizer's hand to create better translations.
It removes the need for developers to thoroughly understand the specifics of a natural language and provides an opportunity for localizers to create better translations. Rubix ships with custom React component bindings for the framework.
Rubix Charts is an aesthetically beautiful, hand-crafted charting library created exclusively for Rubix Admin app. We used the awesome D3.JS library to write all the charting components (Line, Area, Stacked, Bar, Column, Pie and Donut) that power Rubix Charts.
Rubix Panels empowers developers to create complex layouts in addition to the awesome Grid provided by Twitter Bootstrap. Pretty much every example page showcased in the demo makes use of Panels for layout.
Gulp is a streaming build system. It's use of streams and code-over-configuration makes for a simpler and more intuitive build system. Rubix's Asset Pipeline depends entirely on Gulp as its backbone. Everything is automated: be it compiling JSX, SASS or even WebFonts!
Rubix relies on Webpack which takes modules with dependencies and generates static assets representing those modules. We make use of Twitter's css-flip for RTL support and the awesome blesscss library for fixing IE9 selectors and stylesheet bug.
Rubix uses React-Router to provide routing client side and reuses the same routing logic for rendering compiled HTML from the server making your app SEO friendly.
When you’re making responsive websites, there’s a lot of tweaking and testing to do. BrowserSync makes your workflow faster by synchronising URLs, interactions and code changes across multiple devices. BrowserSync is enabled for SASS files, Image files, Locale files and WebFonts.
Rubix comes integrated with React Hot loader for live editing of React components using Webpack's Hot Module Replacement.