Awesome
react-bull
React components & frontend code for bull job queue, based heavily on Matador
Designed to consume the API of express-bull
Requirements
- Browserify & reactify
- jQuery as supplied by you
- The scripts in vendor
Usage
npm install --save react-bull
Markup
<div class='jobs' data-category='wait'></div>
<div class='jobs' data-category='active'></div>
<div class='jobs' data-category='failed'></div>
<div class='jobs' data-category='complete'></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.11.2/react.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="/vendor/jquery.noty.js"></script>
<script src="/vendor/jquery.blockUI.js"></script>
<script src="/bundle.js"></script>
Script
var ReactBull = require('react-bull')(React)
$(function(){
$('.jobs[data-category]').each(function(i, el) {
var category = $(el).data('category')
var jobs = new ReactBull.JobsController(category, {
resourcePath: '/api/v1/jobs',
poll: 5000 // optional
});
jobs.mountInterface(el);
})
})