jaredwilli

HTML5 canvas Performance and Optimization Tips, Tricks and Coding Best Practices With canvas being still very new to internet, and no signs of it ever getting old that I can see in the future, there are not too many documented best practices or other really important tips that are a must know for developing with it in any one particular place. Things like this are scattered around and many times on lesser known sites.

There's so many things that people need to know about, and still so much to learn about, so I wanted to share some things to help people who are learning canvas and maybe some who already know it quite well and am hoping to get some feedback from others about what they feel are some best practices or other tips and tricks for working with canvas in HTML5.

I want to start off with one I personally found to be quite a useful yet surprisingly uncommon thing for developers to do. Indent your code Just as you would any other time, in any other language whatever the case may be. It has been a best p

jaredwilli

import axios from 'axios'

let mockingEnabled = false

const mocks = {}

export function addMock(url, data) {
  mocks[url] = data
}

jaredwilli

'use strict';
todomvc.controller('TodoCtrl', [ '$scope', 'todoFactory', 'filterFilter',
	function OtherCtrl($scope, todoFactory, filterFilter) {
		$scope.todos = todoFactory.getAllTodos('todos');
		$scope.newTodo = '';
		$scope.editedTodo = '';
		$scope.addTodo = function() {
			todoFactory.addTodo($scope.newTodo);
		};
		$scope.editTodo = function(todo) {

jaredwilli

{
    "workbench.colorTheme": "Blackboard",
    "security.workspace.trust.untrustedFiles": "open",
    "workbench.iconTheme": "material-icon-theme",
    "sync.gist": "4fe702ad17b04106241a9237b6dff85e",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },

    "debug.allowBreakpointsEverywhere": true,

jaredwilli

#!/usr/bin/env bash

# Easier navigation: .., ..., ...., ....., ~ and -
alias ..="cd .."
alias ...="cd ../.."
alias ....="cd ../../.."
alias .....="cd ../../../.."
alias ~="cd ~" # `cd` is probably faster to type though
alias -- -="cd -"

jaredwilli

What is the release date for 2.0?

No exact release date yet. They don't want what happened with 1.2.They want to 
make sure they get it done right for 2.0 so they are not setting a date yet.


What is the plan for having a migration path for 2.0? How much rewriting of 1.x 
apps will need to be done to migrate to 2.0?

Mishko said that there will definitely be a migration plan for 2.0. They dont know 

jaredwilli

/**
 * mergeDeep
 *
 * @param {*} target object to merge data into
 * @param {*} source object containing the data to merge
 */
export function deepMerge(target, source) {
	let output = Object.assign({}, target);
	if (isObject(target) || isObject(source)) {
		Object.keys(source).forEach((key) => {

jaredwilli

// https://github.com/alfonsomunozpomer/react-fetch-mock

import React from 'react'
import fetchMock from 'fetch-mock'
import Enzyme from 'enzyme'
import {shallow, mount, render} from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'

Enzyme.configure({ adapter: new Adapter() })

jaredwilli

Below is the list of modern JS frameworks and almost frameworks – Angular, Ember and React.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

jaredwilli

<script type="text/javascript">
    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;