Digo Ribeiro digoribeiro

Using Node.js With Django

When writing django apps it's easy to ignore the organization of your front end code. Often, these backend coders will just write a static js and css file, stick it in the static directory, and call it a day.

You can also build them as two completely independent parts. With a complex gulp build routine independent of the django app. But if you don't know gulp, node, or those kinds of systems it can be a daunting process to get started with.

Enter django-compressor-toolkit (the name doesn't quite roll off the tongue).

Setting Up Django-Compressor-Toolkit

Using django-compressor and django-compressor-toolkit you can write Javascript ES6 code with all its fancy import/export logic or style your pages with sass instead of css, and leave your deploy routine largely untouched.

Git Cheat Sheet

Basic commands

git init Creates a new git repository in the directory

git add <file name> Adds a specific file to staging

git add . or git add -A Adds the full directory and its contents to staging

	<Upload
	name="file"
	// eslint-disable-next-line no-undef
	customRequest={data => {
	const { firebase } = this.props;

	const ref = firebase
	.storage()
	.ref('music')
	.child(`${new Date().getTime()}`);

	import React from 'react';
	import ReactDOM from 'react-dom';

	class SignUp extends React.Component {
	constructor(props) {
	super(props);
	this.state = {
	newsLetter: true,
	email: ''
	};

	<?php
	/**
	* Create post loop query
	*/
	$paged = ( get_query_var('paged') ) ? get_query_var('paged') : 1;
	$args = array(
	'post_type' => 'post',
	'orderby' => 'menu_order',
	'order' => 'ASC',
	'showposts' => 3,

	<?php
	/*
	* Loop through Categories and Display Posts within
	*/
	$post_type = 'features';

	// Get all the taxonomies for this post type
	$taxonomies = get_object_taxonomies( array( 'post_type' => $post_type ) );

	foreach( $taxonomies as $taxonomy ) :

	<?php
	$loop = new WP_Query( array(
	'post_type' => 'Property',
	'posts_per_page' => -1
	)
	);
	?>

	<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

	<?php

	$URIParts = explode('?',$_SERVER['REQUEST_URI']);
	$URI = explode('/',$URIParts[0]);
	// Shift the array, to move it past the 'root'
	@array_shift($URI);
	// Now, get rid of any pesky empty end slashes
	while ( @count($URI) > 0 && !end($URI) ) {
	@array_pop($URI);
	}

	#@see rynop.com for details

	sudo apt-get install xbindkeys

	####now put the following in ~/.xbindkeysrc:
	#KeyboardPlay
	"dbus-send --print-reply --dest=org.mpris.MediaPlayer2.spotify /org/mpris/MediaPlayer2 org.mpris.MediaPlayer2.Player.PlayPause"
	XF86AudioPlay

	#KeyboardStop