Here’s a little Chrome DevTools gem: it supports the use of custom Object formatters. Object what? Object formatters allow you to control how the value of a JavaScript object appears in Chrome’s console and debugger. Say you’d like to visualize a 2D vector, instead of seeing “just” { x: 1, y: 2} appear when pushing …
pm2 – Advanced Production Process Manager for Node.js
PM2 is a production process manager for Node.js applications with a built-in load balancer. It allows you to keep applications alive forever, to reload them without downtime and to facilitate common system admin tasks. Instead of starting your apps using node app.js, start them using pm2 start app.js pm2 – Advanced Production Process Manager for …
Continue reading “pm2 – Advanced Production Process Manager for Node.js”
Procaffeinating
OreillyCover Twitter Bot
In succession to those hilarious The Practical Developer Book Covers, the Twitter bot @OreillyCover has been created by @GNUmanth. It allows you to roll your own book covers by just tweeting at it. Feed the bot tweets using the following format: @OreillyCover /orly {title};{topText};{author} Tweeting @OreillyCover /orly Hanging out on Slack;Being unproductive without feeling guilty …
Patrick Hughes 3D Paintings
Setting up React for ES6 ES2015 with Webpack and Babel
This resource came in quite handy when setting up React in combination with ES6 ES2015, Webpack and Babel. Installing all the required dependencies: # Install Webpack npm install –save-dev webpack # Install the Babel Loader, for use with Webpack npm install –save-dev babel-loader # Install the es2015 and react presets, for use with Babel npm …
Continue reading “Setting up React for ES6 ES2015 with Webpack and Babel”
Check for updates on PHP dependencies with `composer outdated`
Reactotron
ReactiveElements: Convert React.js components into Web Components
Create your component as you normally would, and then register it on the document using document.registerReact(…) /* @jsx React.DOM */ MyComponent = React.createClass({ render: function() { console.log(this.props.items); // passed as HTML tag`s argument console.log(this.props.children); // original tag children return <ul><li>React content</li></ul>; } }); document.registerReact('my-react-component', MyComponent); You can then use it as follows: <body> <my-react-component items="{window.someArray}"></my-react-component> …
Continue reading “ReactiveElements: Convert React.js components into Web Components”
What does it cost to host Unsplash?
Take a quick guess: What do you think it costs to host one of the largest photography sites in the world for a month? $1,000? $10,000? $50,000? Before starting Unsplash, I would have had no idea. No one talks about this stuff and I’m not really sure why. Let’s change that. Great, transparent, insight on …