Thomas Wolfe twolfe2

twolfe2 / mainComponent.js

Created November 13, 2016 20:21

	import React from 'react';
	import CompenentWeNeedToPassPropsTo from './CompenentWeNeedToPassPropsTo';
	import giveMeYourProps from './giveMeYourProps';

	export default class MainComponent extends React.Component {

	// ...
	render() {
	return giveMeYourProps(CompenentWeNeedToPassPropsTo, {awesomeName: 'Buz'});
	}

twolfe2 / giveMeYourProps.js

Last active November 13, 2016 20:22

	import React from 'react';

	export default function giveMeYourProps(ComponentToPassPropsTo, propsToPass) {
	return class PropsPasser extends React.Component {
	render() {
	return <ComponentToPassPropsTo {...propsToPass} />;
	}
	};
	}

twolfe2 / runOfTheMillPropsPassing.js

Created November 13, 2016 19:59

	import React from 'react';
	import MyAwesomeComponent from './MyAwesomeComponent'

	export default class PassTheProps extends React.Component {
	// ...
	render() {
	return (
	<MyAwesomeComponent awesomeName="Buz" />
	);
	}

twolfe2 / jQueryAjax.js

Last active June 3, 2016 16:43

	//when the button on the page is clicked the ajax request will be made
	$('button').click(function(event){
	event.preventDefault(); //prevents browsers default behavior
	//make the ajax request
	$.ajax({
	url: https:'//api.github.com/users/twolfe2', //url could be first parameter to $.ajax instead
	data: {
	format: 'json'//tells github we want our data in json format
	},
	error: function (){

twolfe2 / HTTPRequestExample.html

Last active May 24, 2016 01:30

	<!DOCTYPE html>
	<html>

	<head>
	<script>
	//step 1
	var request = new XMLHttpRequest();

	//step 2, create the callback funciton
	request.onreadystatechange = function() {