Install the following npm packages globally npm install –save-dev eslint eslint-plugin-html
In this tutorial I will explain how to setup your Atom editor to lint React code. I keep all of my development files in the Code folder. First ensure that you have Node.js setup. Also in the main directory (Code in my case) make sure that you have package.json. If not run npm init
In this tutorial I will demonstrate how to setup ESLint. As of this writing the version of ESLInt is 2.13.0. Let’s start by installing it in the Node.js environment globally. npm install -g eslint Let’s create a simple badly written js file that we can lint with ESLint echo “var foo =” > foo.js Now lets … Continue reading Basic ESLint Setup
Setting up transactional/ecommerce event tags will allow to track product purchasing data. The transactional tracking is part of the Google Tag Manager (GTM) API. There are two types of Google Ecommerce tracking – Standard and Enhanced. In this post, I’ll give an explanation of the Standard version.
In my previous post I talked about how to run Babel powered apps using Command Line in the Nodejs. Now we’ll see how to get the apps running in the browser. We’ll start from scratch by installing package by package until we won’t get errors and our app is displayed in the browser.
Here is a basic setup for Babel CLI on Nodejs environment. The app we’ll create will use ES2015 Modules. Make sure you have Nodejs installed and follow the steps to setup Babel.
Its possible to create Reactjs apps without nodejs. However, using nodejs allows you to break up large applications into smaller files and use import and export features. Here is a quick tutorial on how to setup react in Nodejs Environment.
Here is a guide on how to setup Google Tag Manager (GTM) to track user behavior on your website. We’ll look into all the components that are part of the integration. Installing GTM, adding event tag and data variables.
I wanted to learn Babel and Reactjs by creating simple apps in the browser. I tried using IDE services such as JSFiddle and CodePen but I quickly run into issue where I can’t use ES6 Modules and creating additional js files and referencing them was a challenge too. I then stumbled across Cloud9 where I quickly setup node.js … Continue reading Using Cloud9 as Playground for Babel/React Apps
I wanted a way to be able to download virtual machines from my work Mac to home Mac. Also I wanted to make sure that when new stuff is installed on a machine, both of my Macs would get the latest version. So I decided to try out Atlas by HashiCorp. Prerequisites Install VirtualBox which is a … Continue reading Versioning Vagrant Machines with Atlas