Convert jQuery ajax function into promise (in ES6)

June 21, 2017July 1, 2017

Convert jQuery ajax function into promise (in ES6)

If you happens to want to convert jQuery’s ajax function into promise style using ES6 promise. Here is an example for you:

utils.js

import { Promise } from 'es6-promise'

export function ajaxPostPromise(url, postData)

{

return new Promise((resolve, reject) => {

$.ajax({

url : url,

type: "POST",

data : postData,

dataType: "json",

success: (data, textStatus, jqXHR) =>{

resolve(data);

error: (jqXHR, textStatus, errorThrown){

reject(errorThrown);

}

});

}

Then you can use ajaxPostPromise in this way:

app.js

import { ajaxPostPromise } from './utils'

ajaxPostPromise("http://example.com/api/get_product", {page:1})

.then( (data) => {

// display the data

})

.catch( (e) => {

// handle the error

})

That’s it!

You can apply the same principle in converting other callback-style library into promise!

p.s. If you are looking for native and promise way to call your API, you may also check out fetch.

April 6, 2017April 10, 2017

Use Slack as notification service in your workflow

This article intend to give some pointers to developers new to Slack on how to integrate their services / workflow with it. You can add a message to Slack and get notified as simple as a command like this:

1	slack "Something is done"

My Use case

So my main purpose of using Slack it to get notified with certain events happen and implement it with minimum effort. For example, Continue reading “Use Slack as notification service in your workflow”

October 31, 2016February 20, 2017

Simple command to monitor directory changes on Mac

Sometimes you want to know if a certain App/code/IDE changed something on the disk, this little script / command may come in handy.

Install fswatch

install fswatch as a global command

1	brew install fswatch

The script

Only fswatch is not enough, here is the script that does the trick

#!/bin/bash

fswatch -0 $@ | while read -d "" event; \

do \

echo ${event};

done

Save as a script e.g. monitor.sh, then give it executable permission

1	chmod +x monitor.sh

Now run the script and supply the path as parameter, and you will start monitoring the directory

1	./monitor.sh path/to/direcory

Enjoy!

June 30, 2016

Migrating to “Docker for Mac” from Toolbox

As Docker for Mac becomes available, it’s about time to ditch Docker Toolbox which requires a VM running in background. The migration is surprisingly easy. The Official doc recommend you to read this article “Docker for Mac vs. Docker Toolbox“, while I think it’s a pretty good read, I will simply tell you the steps to migrate if you just need the info. Continue reading “Migrating to “Docker for Mac” from Toolbox”

March 4, 2016January 12, 2017

Docker named volume explained

Named volume is a new feature since Docker 1.9, it allows you to manage persistent data more easily, and also the volume can be provided by other storage drivers such as Glusterfs instead of “just a directory on the host”. This new feature is particularly useful in production environment. (On the Dev side, I think we still need mounted volume) Continue reading “Docker named volume explained”

February 18, 2016February 13, 2017

PHP Traits – why is it useful

I know I’m late into the game but I recently found that Traits in PHP is really useful. PHP Traits come in handy if you have some part of a class you wish to re-use in the future in another class, but you don’t want strict inheritance relationship.

What is Traits

PHP Trait defines a code segment that is simply copy-n-pasted into a class at compile time. It can contains variables, constants, methods, Continue reading “PHP Traits – why is it useful”

June 17, 2015June 17, 2015

Changing the author info of previous commits in Git

The problem is that you forgot to change the email to your work email before you commit your code, so you’re exposing your personal email. How to change it? Continue reading “Changing the author info of previous commits in Git”

March 7, 2015

Using Envoy to deploy website on the remote server

Envoy is a simple tool developed by the Laravel team. It is designed to perform task like deploying a website on a remote server, e.g. your VPS.

1	envoy run deploy

How does it work?

Continue reading “Using Envoy to deploy website on the remote server”

February 11, 2015

Customize your own version of Bootstrap

Bootstrap is a great starter framework, I use it almost everyday. However sometimes you want to customize it to your needs. While you can use the Customize tool on the official website which is very handy, but you may want to automate the build and integrate with your workflow, this is the tutorial for you. Continue reading “Customize your own version of Bootstrap”

February 10, 2015February 10, 2015

WordPress command line interface (WP-CLI) guide

WP-CLI is a tool for managing your WordPress website via the command line. This may come in handy if you want to manage your WP instance without going through the web interface, or automate certain operations (change of Settings, perform backup etc.)

For example, here is a sequence of commands for installing a fresh copy of wordpress:

$ mkdir myWordpress && cd myWordpress

$ wp core download

$ wp core config --dbname=mywordpress --dbuser=wordpress --dbpass=wordpress1234 --dbhost=localhost --dbcollate=utf8_general_ci

$ wp core install --url=http://mywordpress.com/ --title=MyWordpress --admin_user=admin --admin_password=admin1234 --admin_email=jason@madcoda.com

Continue reading “WordPress command line interface (WP-CLI) guide”