video
SuperCell 1.0.8 Update

SuperCell 1.0.8 update

In this video we’ll take a walk-through of the latest version of the front-end build system SuperCell version 1.0.8.  New changes include development and production modes, React, React Router, Flexbox layouts, an SVG icon component system as well as setting up an Apache server using HTML5 pushState ‘browserHistory’. Most of these changes where brought on by …

video
SuperCell Front-End Build System

SuperCell Front-End Build System

In this video I will be giving a demo of my new front-end Gulp based build system for Node, Mobile and ES6+ React apps. It includes Gulp, Babel for ES6+ and React transpiling, Browserify and Watchify for bundling up your JavaScript Files, and the every popular browserSync and Sass / Autoprefixer.

video

Gulp Build Postmortem

I finally had some time to do a complete rewrite of my jlGulp Starter Kit, eliminating the previous Ruby dependencies and removing compass entirely.  Along with that I was also able to add a few things on my wish list such as sourcemaps and a more flexible javascript task. If you would like to try out the …

video

Gulp Build System Part 3: Gulp File

In part three of this series we will create our actual build using the following Node.js modules: gulp-plumber, gulp-uglify, browser-sync, gulp compass, gulp-autoprefixer, del, gulp-rename. We will also set up tasks for css, compass-sass, javascript, html, browser-sync and show how to run gulp tasks in sequence for our final build.

video
Gulp Build System Fundamentals

Gulp Build System Part 1: Fundamentals

If in the past you have ever been intimidated or confused trying to set up a front-end build system you are not alone. A few years ago I had my first introduction to the process watching a video series on YouTube about Grunt.