Semantic +
React
Aui = Aui is a small, lightweight glue library that integrates Semantic into React as properties, which feels more natural.
Aui is a tiny library, you can browse the docs/source code here!
Instead of many new React Components, all properties that === true are automatically translated into the className of each tag. Semantic Modules and other semantic javascript can be called as it was intended, like semantic's dropdowns, form validation, and even api.
JSFiddle around with the examples here!
// Set up Semantic's api module// http://semantic-ui.com/behaviors/api.htmlAui$fnapisettingsmethod = 'POST'Aui$fnapisettingsapi = login: '/echo/json/?delay=2' var Example = React React;
This will result in something like this after React's render on the dom:
login Remember Me Login
Make sure to include react.js, jquery.js, semantic.js, and semantic.css on your page
Aui is also available on Bower!
You may also may wish to use Browserify or some other CommonJS style bundler:
// If you wish to load Semantic, jQuery, and React from the window object:var Aui = // If you wish to bundle Semantic, jQuery, and Reactvar Aui =
If you use coffee-script and wish to go native:
Aui = require 'aui/.coffee'# or Aui = require 'aui/externals.coffee'