Skip to content

Instantly share code, notes, and snippets.

@igmoweb
igmoweb / webpack.config.js
Created April 27, 2017 18:47
Webpack + Babel + React
const path = require( 'path' );
module.exports = {
entry: [
'./src/index.js'
],
output: {
filename: 'app.js',
path: path.resolve( __dirname, 'build' )
},
@igmoweb
igmoweb / webpack.config.js
Created April 27, 2017 18:39
First webpack config for WP Plugin
const path = require( 'path' );
module.exports = {
entry: [
'./src/index.js'
],
output: {
filename: 'app.js',
path: path.resolve( __dirname, 'build' )
}
@igmoweb
igmoweb / webpack.config.js
Created April 27, 2017 18:31
Basic Webpack config
var path = require('path');
module.exports = {
entry: './foo.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'foo.bundle.js'
}
};
<?php
/*
Plugin Name: Lightweght Share para Tu Experto
Description: Botones de compartir ligeritos y sin javascript.
Version: 0.1
Author: Mr.FoxTalbot
Author URI: http://mrfoxtalbot.com
License: GPL2
*/
<?php
/*
Plugin Name: Lightweght Share para Tu Experto
Description: Botones de compartir ligeritos y sin javascript.
Version: 0.1
Author: Mr.FoxTalbot
Author URI: http://mrfoxtalbot.com
License: GPL2
*/
import React, {PropTypes} from 'react';
import CompaniesList from './CompaniesList';
import Pagination from 'react-js-pagination';
import Fetcher from '../common/Fetcher';
export default class PendingInvoices extends React.Component {
constructor() {
super();
this.state = {
companies: [],
@igmoweb
igmoweb / Job.js
Created January 25, 2017 15:25
Módulo para React
import React, {PropTypes} from 'react';
import CompaniesSearcher from './CompaniesSearcher';
export default class Job extends React.Component {
constructor( props ) {
super( props );
this.state = {
price: props.job.price
};
@igmoweb
igmoweb / Cronometro.js
Created November 8, 2016 19:02
Un cronómetro en React
import React, {PropTypes} from 'react';
import Header from './Header';
import Screen from './Screen';
import Buttons from './Buttons';
export default class Cronometro extends React.Component {
constructor() {
super();
this.timer = null;
var gulp = require('gulp'),
browserify = require('browserify'),
babel = require('babelify'),
source = require('vinyl-source-stream'),
buffer = require('vinyl-buffer'),
rename = require('gulp-rename'),
watchify = require('watchify'),
uglify = require('gulp-uglify');
// Obtiene el bundle de Browserify
@igmoweb
igmoweb / gulpfile.js
Last active November 3, 2016 16:59
Gulp task to watch changes in React App
var gulp = require('gulp'),
browserify = require('browserify'),
babel = require('babelify'),
source = require('vinyl-source-stream'),
buffer = require('vinyl-buffer'),
rename = require('gulp-rename'),
watchify = require('watchify');
function executeBundle(bundle) {
return bundle