leandrowd

module.exports = function(file, title) {
	var cssFile = document.createElement("link");
	  	cssFile.setAttribute("rel", "stylesheet")
	  	cssFile.setAttribute("type", "text/css")
	  	cssFile.setAttribute("href", file);
	  	cssFile.setAttribute("title", title);
	  	
	document.getElementsByTagName("head")[0].appendChild(cssFile);
}

leandrowd

// Real type checker
module.exports = function (object) {
    return Object.prototype.toString.call(obj).slice(8, -1)
}

leandrowd

var oldFnOn = $.fn.on;
$.fn.on = function( types, selector, data, fn ) {
	var currentType = types;
	// 'click' will became 'click.plugin'
	// 'click.deep' will became 'click.plugin.deep'
	function addNamespace(type) {
		var namespacedType = type.split('.');
		namespacedType.splice(1, 0, 'plugin');
		return namespacedType.join('.');
	};

leandrowd

// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var Carousel = require('react-responsive-carousel').Carousel;

var DemoCarousel = function() {
	return (
		<Carousel>
			<img src="assets/1.jpeg" />
			<img src="assets/2.jpeg" />

leandrowd

// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var ImageGallery = require('react-responsive-carousel').ImageGallery;

var DemoGallery = function() {
	return (
		<ImageGallery showControls={true} showStatus={true}>
			<img src="assets/1.jpeg" />
			<img src="assets/2.jpeg" />

leandrowd

// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var Carousel = require('react-responsive-carousel').Carousel;

var DemoSliderControls = function(){
	return (
		<Carousel type="slider" showControls={true} showStatus={true}>
			<img src="assets/1.jpeg" />
			<img src="assets/2.jpeg" />

leandrowd

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import Swipe from './react-swipe';

class MyComponent extends Component {
  onSwipeStart(event) {
    console.log('Start swiping...', event);
  }

  onSwipeMove(position, event) {

leandrowd

// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var Carousel = require('react-responsive-carousel').Carousel;

var DemoCleanCarousel = React.createClass({
    render() {
        return (
            <Carousel showThumbs={false} showArrows={false} showStatus={false} onChange={onChange} onClickItem={onClickItem}>
                <div>

leandrowd

// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var Carousel = require('react-responsive-carousel').Carousel;

var DemoCarousel = React.createClass({
    render() {
        return (
            <Carousel showArrows={true} onChange={onChange} onClickItem={onClickItem} onClickThumb={onClickThumb}>
                <div>

leandrowd

// https://www.npmjs.com/package/react-responsive-carousel
var React = require('react');
var ReactDOM = require('react-dom');
var Carousel = require('react-responsive-carousel').Carousel;

var DemoCarouselVertical = React.createClass({
    render() {
        return (
            <Carousel axis="vertical" showArrows={true} onChange={onChange} onClickItem={onClickItem} onClickThumb={onClickThumb}>
                <div>