Kieran Jones kieranjones

If you enjoyed reading this, I'm intending to do more blogging like this over here: https://cdgd.tech

This is not a complaint about Webpack or v4 in any way. This is just a record of my process trying it out so I could provide feedback to the webpack team

Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it. All I need to do is npm i -D webpack@next, right?

+ [email protected]

Please 🌟 this gist to vote for this proposal!

Make linting great again!

No other topic in software development probably has so much controversy as linting.

With a wrong workflow linting can be really a pain and will slow you and your team down. With a proper setup, though, it can save you hours of manual work reformatting the code and reducing the code-review overhead.

Handling Errors

Express.js makes it a breeze to handle errors in your routes.

Express lets you centralizes your error-handling through middleware.

Let's look at patterns for how to get the most out of your error-handling.

First, our error-handling middleware looks like this:

Bulletproof NPM Workflow

Use the Bulletproof Git Workflow, and before code review:

pre-release package

Publish a pre-release version of the package:

Bulletproof Git Workflow

start working

git checkout master
git pull
git checkout -b feature/my-work
# edit your files

	setInterval(addLabelToAds, 1000);

	function addLabelToAds() {

	Array.from(document.querySelectorAll('.ad-pos-label')).forEach( x => {
	x.parentNode.removeChild(x);
	});

	Array.from(document.querySelectorAll("[id^='gpt-slot']")).forEach(x => {
	var id = x.id;

	// For jsbin
	// noprotect
	/* Written by Kieran Jones on 07/02/2017
	Based on https://codepen.io/linrock/pen/Amdhr
	Live demo here http://jsbin.com/zejihirewu/1/edit?js,output
	MIT License
	*/
	class CanvasComponent extends React.Component {
	constructor(props, context) {
	super(props, context);

	/*
	##############################
	########### Search ###########
	##############################

	Included are steps to help make this script easier for other to follow
	All you have to do is add custom ACF post types into Step 1 and custom taxonomies into Step 10
	I also updated this work to include XSS and SQL injection projection
	[list_searcheable_acf list all the custom fields we want to include in our search query]
	@return [array] [list of custom fields]

	function mapValues(obj, fn) {
	return Object.keys(obj).reduce((result, key) => {
	result[key] = fn(obj[key], key);
	return result;
	}, {});
	}

	function pick(obj, fn) {
	return Object.keys(obj).reduce((result, key) => {
	if (fn(obj[key])) {

	// First Register the Tab by hooking into the 'woocommerce_product_data_tabs' filter
	add_filter( 'woocommerce_product_data_tabs', 'add_my_custom_product_data_tab' );
	function add_my_custom_product_data_tab( $product_data_tabs ) {
	$product_data_tabs['my-custom-tab'] = array(
	'label' => __( 'My Custom Tab', 'my_text_domain' ),
	'target' => 'my_custom_product_data',
	);
	return $product_data_tabs;
	}