pedroparra

- function shuffle(o){ for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; };
- var shuffleProductos = shuffle( products );

pedroparra

/*
  Less source folder: /less 
  Destination folder: /public/css
*/
var lessMiddleware = require('less-middleware');

app.use(lessMiddleware(path.join(__dirname, 'less'), {
  dest: path.join(__dirname, 'public'),
  compress: false,
  preprocess: {

pedroparra

Install Rvm, ruby and Rhc (Openshift)

RVM

• curl -sSL https://get.rvm.io | bash -s stable --ruby

Ruby

• rvm list known
• rvm install 2.2.1
• rvm use 2.2.1

pedroparra

OSX

All I needed to do was adding this line to .bash_profile // .zshrc export PATH="$PATH":~/.node/bin

Ubuntu/Debian

Add this line to .bashrc // .zshrc export PATH="$HOME/npm/bin:$PATH"

pedroparra

npm ls --depth 0 -g

pedroparra

// Ecmascript 5
var MyComponent = React.createClass({
  componentWillMount: function() {}
    console.log('El componente aun no está disponible en el DOM');
    return { data:[] };
  },
  render: function() {
    <div>Soy un component</div>
  }
});

pedroparra

// Ecmascript 5
var MyComponent = React.createClass({
  
  componentWillMount: function() {
    console.log('El componente aun no está disponible en el DOM');
    return { data:[] };
  },
  
  componentDidMount: function() {
    console.log('El componente está disponible en el DOM');

pedroparra

// Ecmascript 5
var MyComponent = React.createClass({
  
  componentWillReceiveProps: function(next_props){
    this.setState({ loading: true });
  },
  
  render: function() {
    className = this.state.loading ? 'loading' : 'loaded';
    return(<div className={className}>Soy un component</div>)

pedroparra

// Ecmascript 5
var MyComponent = React.createClass({
  
  shouldComponentUpdate: function(next_props, next_state) {
    return false;
  }
  
  // Despues del primer render, nunca volver a renderizarse.
  render: function() {
    <div>Soy un component</div>

pedroparra

// El metodo recive las propiedades previas y el estado previo.
componentDidUpdate: function(prev_props, prev_state) {}