React Interface without (left) and with (right) animations In this article, I am going to use the official components from React.js addons. There are other components/libraries that are better for the job but at the end of the article you will get a good amount of React.js animation practice to better understand these other components. …
Author Archives: Bramus!
Designing Ryanair’s Boarding Pass
In the following article we’ll outline the beginnings of the project, some of the challenges we encountered and ultimately what we learned from the process of redesigning Ryanair’s boarding pass. Difference between this redesign and many of the Dribble shots that can be found online is that this one was actually tested early on, and …
Nodal – API Services Made Easy With Node.js
Nodal is a web server for Node.js, optimized for building API services quickly and efficiently. Boasting its own opinionated, explicit, idiomatic and highly-extensible framework, Nodal takes care of all of the hard decisions for you and your team. This allows you to focus on creating an effective product in a short timespan while minimizing technical …
Continue reading “Nodal – API Services Made Easy With Node.js”
Chrome DevTools Custom Object Formatters
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”