Jon Deng dengjonathan

Hi! I'm a full stack developer building things!

dengjonathan / Bee.js

Created September 19, 2016 18:50

superclass to subclass inheritance

	var Bee = function () {
	Grub.call(this);
	this.age = 5;
	this.color = 'yellow';
	this.job = 'keep on growing';
	};

	Bee.prototype = Object.create(Grub.prototype);
	Bee.prototype.constructor = Bee;

dengjonathan / puke.js

Created September 12, 2016 15:12

puke function that creates a React node displaying results of an object (usually an api call)

	function puke(object) {
	return <pre>{JSON.stringify(object, null, ' ')}</pre>;
	}

dengjonathan / puke.js

Last active September 12, 2016 03:40

Puke function in lines 3-5 allows you to see props passed to a React component without actually having to create the UI

	var React = require('react');
	var PropTypes = React.PropTypes;
	var styles = require('../styles');
	var Link = require('react-router').Link
	var UserDetails = require('../components/UserDetails');
	var UserDetailsWrapper = require('../components/UserDetailsWrapper');

	function puke(object) {
	return <pre>{JSON.stringify(object, null, ' ')}</pre>;
	}

dengjonathan / react-lifecycle-parent-child.jsx

Created September 11, 2016 19:35 — forked from fay-jai/react-lifecycle-parent-child.jsx

	import React from "react";
	import { render } from "react-dom";

	const ParentComponent = React.createClass({
	getDefaultProps: function() {
	console.log("ParentComponent - getDefaultProps");
	},
	getInitialState: function() {
	console.log("ParentComponent - getInitialState");
	return { text: "" };

dengjonathan / Example2_Solution.js

Created September 10, 2016 21:54

map function

	names2 = ['kendra', 'kim', 'kampbell'];

	// use this as your callback function in map
	var capitalize = function(word) {
	return word[0].toUpperCase() + word.slice(1);
	};

	// we need each implemented for map to work
	var each = function(array, callback) {
	for (var i = 0; i < array.length; i++) {

dengjonathan / add.js

Created September 10, 2016 19:07

pure function

	var d = 'not modified';

	// add is a pure function that doesn't modify anything out of its scope
	function add(x, y) {
	return x + y;
	}

	add(2, 3) // 5
	add(2, 3) // always gonna be 5
	console.log(d) // 'not modified'

dengjonathan / callToMap.js

Created September 10, 2016 18:32

callToMap

	names2 = ['kendra', 'kim', 'kampbell'];

	var capitalize = function(word) {
	return word[0].toUpperCase() + word.slice(1);
	};

	map(names, capitalize); // ['Kendra', 'Kim', 'Kampbell']

dengjonathan / map.js

Last active September 10, 2016 18:58

Naive implementations of each and map

	names2 = ['kendra', 'kim', 'kampbell'];

	// use this as your callback function in map
	var capitalize = function(word) {
	return word[0].toUpperCase() + word.slice(1);
	};

	// we need each implemented for map to work
	var each = function(array, callback) {
	for (var i = 0; i < array.length; i++) {

dengjonathan / forLoop.js

Created September 10, 2016 17:43

for loop

	var i;
	var names = ['jon', 'jane', 'jack'];

	// imperative programming
	for (i = 0; i < names.length; i++) {
	names[i] = names[i][0].toUpperCase() + names[i].slice(1);
	}

	console.log(names) // ['Jon', 'Jane', 'Jack']
	console.log(i) // 3

dengjonathan / forLoop.js

Created September 10, 2016 17:40

using for loop to iterate through array

	var i;
	var names = ['jon', 'jane', 'jack'];

	// imperative programming
	for (i = 0; i < names.length; i++) {
	names[i] = names[i][0].toUpperCase() + names[i].slice(1);
	}

	console.log(names) // ['Jon', 'Jane', 'Jack']
	console.log(i) // 3